@memberjunction/ng-conversations 5.40.2 → 5.41.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-session-thread.component.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-session-thread.component.ts","../../../../src/lib/components/realtime/realtime-session-thread.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component, EventEmitter, Input, Output, ElementRef, ViewChild, AfterViewChecked, OnInit, OnDestroy,\n  ChangeDetectorRef, inject\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Subscription } from 'rxjs';\nimport { RealtimeSessionState, RealtimeThreadItem } from './realtime-session-state';\nimport { RealtimeDelegationCardComponent } from './realtime-delegation-card.component';\nimport { ParsedDelegationArtifact } from '../../services/delegation-result-parser';\n\n/**\n * The unified, chronological live thread for the call overlay: caption bubbles\n * interleaved with delegation cards exactly where they happened.\n *\n * PURELY PRESENTATIONAL over {@link RealtimeSessionState} — the overlay shell owns the\n * state object (which merges the service streams once) and passes it here AND to the\n * activity rail, so there is exactly one copy of the per-CallID merge logic.\n *\n * Also renders the EPHEMERAL narration \"live note\": indented, muted, italic text under\n * the ACTIVE working card (latest narration only — replaced, never accumulated).\n */\n@Component({\n  standalone: true,\n  selector: 'mj-realtime-session-thread',\n  imports: [CommonModule, RealtimeDelegationCardComponent],\n  templateUrl: './realtime-session-thread.component.html',\n  styleUrl: './realtime-session-thread.component.css'\n})\nexport class RealtimeSessionThreadComponent implements OnInit, AfterViewChecked, OnDestroy {\n  @ViewChild('scrollAnchor') private scrollAnchor?: ElementRef<HTMLElement>;\n\n  /** Display name of the agent (caption avatar / meta line). */\n  @Input() AgentName = 'Sage';\n\n  /**\n   * Display name of the signed-in user for their turns — consistent with the main\n   * chat's sender names, and ready for multi-user sessions where \"You\" stops meaning\n   * anything. Hosts bind the current user's name; the default keeps old hosts working.\n   */\n  @Input() UserName = 'You';\n\n  /** Shared live-session state, owned by the overlay shell. */\n  @Input({ required: true }) State!: RealtimeSessionState;\n\n  /** Whether to render caption bubbles (toggled by the controls' captions button). */\n  @Input() ShowCaptions = true;\n\n  /** Whether developer affordances on delegation cards are revealed (gear-gated). */\n  @Input() DevMode = false;\n\n  /** Re-emitted from a delegation card's dev \"Open run\" link (the delegated run's ID). */\n  @Output() OpenRunRequested = new EventEmitter<string>();\n\n  /** Re-emitted from a delegation card's \"View\" artifact chip (focuses the artifact's surface tab). */\n  @Output() OpenArtifactRequested = new EventEmitter<ParsedDelegationArtifact>();\n\n  /** Re-emitted from a WORKING delegation card's ✕ cancel affordance (the call's ID). */\n  @Output() CancelRequested = new EventEmitter<string>();\n\n  /** Item count at the last change notification, to auto-scroll only when the list grows. */\n  private lastItemCount = 0;\n  /** Drives auto-scroll: set whenever the list grows. */\n  private pendingScroll = false;\n\n  private changedSub?: Subscription;\n  private cdr = inject(ChangeDetectorRef);\n\n  ngOnInit(): void {\n    this.changedSub = this.State.Changed$.subscribe(() => this.onStateChanged());\n    this.lastItemCount = this.State.Items.length;\n  }\n\n  ngAfterViewChecked(): void {\n    if (this.pendingScroll) {\n      this.pendingScroll = false;\n      this.scrollAnchor?.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'end' });\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.changedSub?.unsubscribe();\n  }\n\n  /** track fn for the @for over thread items. */\n  public TrackItem(index: number, item: RealtimeThreadItem): string {\n    switch (item.Kind) {\n      case 'delegation': return `d:${item.Card.CallID}`;\n      case 'divider': return `s:${index}`;\n      default: return `c:${index}`;\n    }\n  }\n\n  /** True when the live narration note should render under THIS delegation item. */\n  public ShowsLiveNote(item: RealtimeThreadItem): boolean {\n    return item.Kind === 'delegation'\n      && !item.Card.Done\n      && this.State.Narration !== null\n      && item.Card.CallID === this.State.ActiveCallId;\n  }\n\n  /** Marks for check on every state change; auto-scrolls when the thread grew. */\n  private onStateChanged(): void {\n    if (this.State.Items.length > this.lastItemCount) {\n      this.pendingScroll = true;\n    }\n    this.lastItemCount = this.State.Items.length;\n    this.cdr.markForCheck();\n  }\n}\n","<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\">· 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\">· {{ 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"]}

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

@@ -0,0 +1,51 @@
+import { EventEmitter } from '@angular/core';
+import { RealtimeSessionTimelineGroup, RealtimeSessionTimelineMeta } from '../../utils/realtime-session-timeline';
+import * as i0 from "@angular/core";
+/**
+ * The ONE timeline element a realtime session collapses to in the standard conversation
+ * message list (see `BuildConversationTimeline`): a visually distinct card at the
+ * session's chronological position carrying the session identity (broadcast icon +
+ * "Realtime session · <agent>"), its time range, a status / close-reason chip when
+ * known, the visible-turn count, and a one-line preview of the last turn.
+ *
+ * The card's **Open** button emits {@link OpenRequested} with the session id; the
+ * message list bubbles it up so the chat area can host the existing SESSION REVIEW
+ * overlay via `ConversationChatAreaComponent.OpenRealtimeSessionReview` (Resume /
+ * Close live inside that overlay, unchanged).
+ *
+ * Rendered DYNAMICALLY by `MessageListComponent` (same `createComponent` path the
+ * message items use) — standalone by design, no module declaration needed.
+ */
+export declare class RealtimeSessionTimelineCardComponent {
+    /** The collapsed session block computed from the conversation's stamped detail rows. */
+    Group: RealtimeSessionTimelineGroup;
+    /** Optional session-row enrichment (agent name / status / close reason); null degrades gracefully. */
+    Meta: RealtimeSessionTimelineMeta | null;
+    /** Display name of the signed-in user for the last-turn preview (matches the chat's sender names). */
+    UserName: string;
+    /** Emitted with the `MJ: AI Agent Sessions.ID` when the user asks to open the session review. */
+    OpenRequested: EventEmitter<string>;
+    /** Card title: "Realtime session · <agent>" when the agent name is known, else the generic label. */
+    get Title(): string;
+    /** Whether the start and end fall on the same calendar day (drives the end-time format). */
+    get SameDayRange(): boolean;
+    /**
+     * The status chip label, or null to hide the chip entirely:
+     *  - Closed sessions show the close reason (`Error` / `Explicit` / `Janitor` / `Shutdown`)
+     *    humanized, falling back to "Closed" for legacy rows without one;
+     *  - Active sessions show "Live"; Idle shows "Idle";
+     *  - no meta (lookup unavailable) → no chip.
+     */
+    get StatusChip(): string | null;
+    /** Whether the chip represents an error close (drives the error chip styling). */
+    get IsErrorChip(): boolean;
+    /** Whether the chip represents a live session (drives the live chip styling). */
+    get IsLiveChip(): boolean;
+    /** Emits {@link OpenRequested} for the whole-card / Open-button click. */
+    Open(event?: MouseEvent): void;
+    /** Human label for the session's close reason ("Closed" when the column is null/unknown). */
+    private closeReasonLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RealtimeSessionTimelineCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RealtimeSessionTimelineCardComponent, "mj-realtime-session-timeline-card", never, { "Group": { "alias": "Group"; "required": true; }; "Meta": { "alias": "Meta"; "required": false; }; "UserName": { "alias": "UserName"; "required": false; }; }, { "OpenRequested": "OpenRequested"; }, never, never, true, never>;
+}
+//# sourceMappingURL=realtime-session-timeline-card.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-session-timeline-card.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-session-timeline-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;;AAElH;;;;;;;;;;;;;;GAcG;AACH,qBAOa,oCAAoC;IAC/C,wFAAwF;IAC7D,KAAK,EAAG,4BAA4B,CAAC;IAEhE,sGAAsG;IAC7F,IAAI,EAAE,2BAA2B,GAAG,IAAI,CAAQ;IAEzD,sGAAsG;IAC7F,QAAQ,SAAS;IAE1B,iGAAiG;IACvF,aAAa,uBAA8B;IAErD,qGAAqG;IACrG,IAAW,KAAK,IAAI,MAAM,CAGzB;IAED,4FAA4F;IAC5F,IAAW,YAAY,IAAI,OAAO,CAOjC;IAED;;;;;;OAMG;IACH,IAAW,UAAU,IAAI,MAAM,GAAG,IAAI,CAWrC;IAED,kFAAkF;IAClF,IAAW,WAAW,IAAI,OAAO,CAEhC;IAED,iFAAiF;IACjF,IAAW,UAAU,IAAI,OAAO,CAE/B;IAED,0EAA0E;IACnE,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI;IAQrC,6FAA6F;IAC7F,OAAO,CAAC,gBAAgB;yCArEb,oCAAoC;2CAApC,oCAAoC;CAmFhD"}

package/dist/lib/components/realtime/realtime-session-timeline-card.component.js

@@ -0,0 +1,193 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import * as i0 from "@angular/core";
+function RealtimeSessionTimelineCardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 12);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("session-card__chip--error", ctx_r0.IsErrorChip)("session-card__chip--live", ctx_r0.IsLiveChip);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.StatusChip);
+} }
+function RealtimeSessionTimelineCardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElement(0, "i", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r0.Group.EndedAt, ctx_r0.SameDayRange ? "h:mm a" : "MMM d, h:mm a"), " ");
+} }
+function RealtimeSessionTimelineCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 13);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵconditionalCreate(3, RealtimeSessionTimelineCardComponent_Conditional_9_Conditional_3_Template, 3, 4);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(4, "span", 14);
+    i0.ɵɵtext(5, "\u00B7");
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 2, ctx_r0.Group.StartedAt, "MMM d, h:mm a"), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.Group.EndedAt && ctx_r0.Group.EndedAt !== ctx_r0.Group.StartedAt ? 3 : -1);
+} }
+function RealtimeSessionTimelineCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 9)(1, "span", 16);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r0.Group.LastTurnRole === "User" ? ctx_r0.UserName : "Agent", ":");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.Group.LastTurnPreview, " ");
+} }
+/**
+ * The ONE timeline element a realtime session collapses to in the standard conversation
+ * message list (see `BuildConversationTimeline`): a visually distinct card at the
+ * session's chronological position carrying the session identity (broadcast icon +
+ * "Realtime session · <agent>"), its time range, a status / close-reason chip when
+ * known, the visible-turn count, and a one-line preview of the last turn.
+ *
+ * The card's **Open** button emits {@link OpenRequested} with the session id; the
+ * message list bubbles it up so the chat area can host the existing SESSION REVIEW
+ * overlay via `ConversationChatAreaComponent.OpenRealtimeSessionReview` (Resume /
+ * Close live inside that overlay, unchanged).
+ *
+ * Rendered DYNAMICALLY by `MessageListComponent` (same `createComponent` path the
+ * message items use) — standalone by design, no module declaration needed.
+ */
+export class RealtimeSessionTimelineCardComponent {
+    /** The collapsed session block computed from the conversation's stamped detail rows. */
+    Group;
+    /** Optional session-row enrichment (agent name / status / close reason); null degrades gracefully. */
+    Meta = null;
+    /** Display name of the signed-in user for the last-turn preview (matches the chat's sender names). */
+    UserName = 'You';
+    /** Emitted with the `MJ: AI Agent Sessions.ID` when the user asks to open the session review. */
+    OpenRequested = new EventEmitter();
+    /** Card title: "Realtime session · <agent>" when the agent name is known, else the generic label. */
+    get Title() {
+        const agent = this.Meta?.AgentName?.trim();
+        return agent ? `Realtime session · ${agent}` : 'Realtime session';
+    }
+    /** Whether the start and end fall on the same calendar day (drives the end-time format). */
+    get SameDayRange() {
+        const start = this.Group?.StartedAt;
+        const end = this.Group?.EndedAt;
+        if (!start || !end) {
+            return true;
+        }
+        return start.toDateString() === end.toDateString();
+    }
+    /**
+     * The status chip label, or null to hide the chip entirely:
+     *  - Closed sessions show the close reason (`Error` / `Explicit` / `Janitor` / `Shutdown`)
+     *    humanized, falling back to "Closed" for legacy rows without one;
+     *  - Active sessions show "Live"; Idle shows "Idle";
+     *  - no meta (lookup unavailable) → no chip.
+     */
+    get StatusChip() {
+        switch (this.Meta?.Status) {
+            case 'Closed':
+                return this.closeReasonLabel();
+            case 'Active':
+                return 'Live';
+            case 'Idle':
+                return 'Idle';
+            default:
+                return null;
+        }
+    }
+    /** Whether the chip represents an error close (drives the error chip styling). */
+    get IsErrorChip() {
+        return this.Meta?.Status === 'Closed' && this.Meta?.CloseReason === 'Error';
+    }
+    /** Whether the chip represents a live session (drives the live chip styling). */
+    get IsLiveChip() {
+        return this.Meta?.Status === 'Active';
+    }
+    /** Emits {@link OpenRequested} for the whole-card / Open-button click. */
+    Open(event) {
+        event?.stopPropagation();
+        const sessionId = this.Group?.SessionID;
+        if (sessionId) {
+            this.OpenRequested.emit(sessionId);
+        }
+    }
+    /** Human label for the session's close reason ("Closed" when the column is null/unknown). */
+    closeReasonLabel() {
+        switch (this.Meta?.CloseReason) {
+            case 'Explicit':
+                return 'Ended';
+            case 'Error':
+                return 'Error';
+            case 'Janitor':
+                return 'Timed out';
+            case 'Shutdown':
+                return 'Server shutdown';
+            default:
+                return 'Closed';
+        }
+    }
+    static ɵfac = function RealtimeSessionTimelineCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RealtimeSessionTimelineCardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RealtimeSessionTimelineCardComponent, selectors: [["mj-realtime-session-timeline-card"]], inputs: { Group: "Group", Meta: "Meta", UserName: "UserName" }, outputs: { OpenRequested: "OpenRequested" }, decls: 17, vars: 7, consts: [["role", "group", 1, "session-card", 3, "click"], ["aria-hidden", "true", 1, "session-card__icon"], [1, "fa-solid", "fa-tower-broadcast"], [1, "session-card__body"], [1, "session-card__head"], [1, "session-card__title"], [1, "session-card__chip", 3, "session-card__chip--error", "session-card__chip--live"], [1, "session-card__meta"], [1, "session-card__turns"], [1, "session-card__preview"], ["type", "button", "title", "Open this realtime session in review mode", 1, "session-card__open", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-up-right-from-square"], [1, "session-card__chip"], [1, "session-card__range"], ["aria-hidden", "true", 1, "session-card__dot"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-right-long", "session-card__range-arrow"], [1, "session-card__preview-role"]], template: function RealtimeSessionTimelineCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵdomListener("click", function RealtimeSessionTimelineCardComponent_Template_div_click_0_listener($event) { return ctx.Open($event); });
+            i0.ɵɵdomElementStart(1, "div", 1);
+            i0.ɵɵdomElement(2, "i", 2);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(3, "div", 3)(4, "div", 4)(5, "span", 5);
+            i0.ɵɵtext(6);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(7, RealtimeSessionTimelineCardComponent_Conditional_7_Template, 2, 5, "span", 6);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(8, "div", 7);
+            i0.ɵɵconditionalCreate(9, RealtimeSessionTimelineCardComponent_Conditional_9_Template, 6, 5);
+            i0.ɵɵdomElementStart(10, "span", 8);
+            i0.ɵɵtext(11);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵconditionalCreate(12, RealtimeSessionTimelineCardComponent_Conditional_12_Template, 4, 2, "div", 9);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(13, "button", 10);
+            i0.ɵɵdomListener("click", function RealtimeSessionTimelineCardComponent_Template_button_click_13_listener($event) { return ctx.Open($event); });
+            i0.ɵɵdomElement(14, "i", 11);
+            i0.ɵɵdomElementStart(15, "span");
+            i0.ɵɵtext(16, "Open");
+            i0.ɵɵdomElementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵattribute("aria-label", ctx.Title);
+            i0.ɵɵadvance(6);
+            i0.ɵɵtextInterpolate(ctx.Title);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.StatusChip ? 7 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Group.StartedAt ? 9 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate2("", ctx.Group.TurnCount, " ", ctx.Group.TurnCount === 1 ? "turn" : "turns");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Group.LastTurnPreview ? 12 : -1);
+        } }, dependencies: [DatePipe], styles: ["[_nghost-%COMP%] {\n  display: block;\n  margin: 12px 0;\n}\n\n\n\n\n.session-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-border-default));\n  border-left: 3px solid var(--mj-brand-primary);\n  border-radius: var(--mj-radius-lg, 12px);\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n  cursor: pointer;\n  transition: background-color 0.15s ease, border-color 0.15s ease;\n}\n.session-card[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.session-card__icon[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  font-size: 15px;\n  color: var(--mj-text-inverse);\n  background: var(--mj-brand-primary);\n}\n\n.session-card__body[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.session-card__head[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.session-card__title[_ngcontent-%COMP%] {\n  font-weight: 700;\n  font-size: 13.5px;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.session-card__chip[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 3px 8px;\n  border-radius: var(--mj-radius-full, 999px);\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-sunken);\n  border: 1px solid var(--mj-border-subtle);\n}\n.session-card__chip--error[_ngcontent-%COMP%] {\n  color: var(--mj-status-error-text);\n  background: var(--mj-status-error-bg);\n  border-color: var(--mj-status-error-border);\n}\n.session-card__chip--live[_ngcontent-%COMP%] {\n  color: var(--mj-status-success-text);\n  background: var(--mj-status-success-bg);\n  border-color: var(--mj-status-success-border);\n}\n\n.session-card__meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 3px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n.session-card__range-arrow[_ngcontent-%COMP%] {\n  font-size: 10px;\n  margin: 0 3px;\n}\n\n.session-card__preview[_ngcontent-%COMP%] {\n  margin-top: 5px;\n  font-size: 12.5px;\n  color: var(--mj-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.session-card__preview-role[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-muted);\n}\n\n.session-card__open[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex-shrink: 0;\n  padding: 6px 12px;\n  font-size: 12.5px;\n  font-weight: 600;\n  border-radius: var(--mj-radius-md, 8px);\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 45%, transparent);\n  background: var(--mj-bg-surface);\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n}\n.session-card__open[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RealtimeSessionTimelineCardComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-realtime-session-timeline-card', imports: [DatePipe], template: "<div class=\"session-card\" role=\"group\" [attr.aria-label]=\"Title\" (click)=\"Open($event)\">\n  <div class=\"session-card__icon\" aria-hidden=\"true\">\n    <i class=\"fa-solid fa-tower-broadcast\"></i>\n  </div>\n\n  <div class=\"session-card__body\">\n    <div class=\"session-card__head\">\n      <span class=\"session-card__title\">{{ Title }}</span>\n      @if (StatusChip) {\n        <span class=\"session-card__chip\"\n              [class.session-card__chip--error]=\"IsErrorChip\"\n              [class.session-card__chip--live]=\"IsLiveChip\">{{ StatusChip }}</span>\n      }\n    </div>\n\n    <div class=\"session-card__meta\">\n      @if (Group.StartedAt) {\n        <span class=\"session-card__range\">\n          {{ Group.StartedAt | date:'MMM d, h:mm a' }}\n          @if (Group.EndedAt && Group.EndedAt !== Group.StartedAt) {\n            <i class=\"fa-solid fa-arrow-right-long session-card__range-arrow\" aria-hidden=\"true\"></i>\n            {{ Group.EndedAt | date:(SameDayRange ? 'h:mm a' : 'MMM d, h:mm a') }}\n          }\n        </span>\n        <span class=\"session-card__dot\" aria-hidden=\"true\">\u00B7</span>\n      }\n      <span class=\"session-card__turns\">{{ Group.TurnCount }} {{ Group.TurnCount === 1 ? 'turn' : 'turns' }}</span>\n    </div>\n\n    @if (Group.LastTurnPreview) {\n      <div class=\"session-card__preview\">\n        <span class=\"session-card__preview-role\">{{ Group.LastTurnRole === 'User' ? UserName : 'Agent' }}:</span>\n        {{ Group.LastTurnPreview }}\n      </div>\n    }\n  </div>\n\n  <button type=\"button\" class=\"session-card__open\" (click)=\"Open($event)\"\n          title=\"Open this realtime session in review mode\">\n    <i class=\"fa-solid fa-up-right-from-square\" aria-hidden=\"true\"></i>\n    <span>Open</span>\n  </button>\n</div>\n", styles: [":host {\n  display: block;\n  margin: 12px 0;\n}\n\n/* A visually distinct block \u2014 clearly NOT a chat bubble: full-row card with a\n   brand-tinted broadcast badge, hover affordance, and an explicit Open button. */\n.session-card {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-border-default));\n  border-left: 3px solid var(--mj-brand-primary);\n  border-radius: var(--mj-radius-lg, 12px);\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n  cursor: pointer;\n  transition: background-color 0.15s ease, border-color 0.15s ease;\n}\n.session-card:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.session-card__icon {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  font-size: 15px;\n  color: var(--mj-text-inverse);\n  background: var(--mj-brand-primary);\n}\n\n.session-card__body {\n  flex: 1;\n  min-width: 0;\n}\n\n.session-card__head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.session-card__title {\n  font-weight: 700;\n  font-size: 13.5px;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.session-card__chip {\n  flex-shrink: 0;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 3px 8px;\n  border-radius: var(--mj-radius-full, 999px);\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-sunken);\n  border: 1px solid var(--mj-border-subtle);\n}\n.session-card__chip--error {\n  color: var(--mj-status-error-text);\n  background: var(--mj-status-error-bg);\n  border-color: var(--mj-status-error-border);\n}\n.session-card__chip--live {\n  color: var(--mj-status-success-text);\n  background: var(--mj-status-success-bg);\n  border-color: var(--mj-status-success-border);\n}\n\n.session-card__meta {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 3px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n.session-card__range-arrow {\n  font-size: 10px;\n  margin: 0 3px;\n}\n\n.session-card__preview {\n  margin-top: 5px;\n  font-size: 12.5px;\n  color: var(--mj-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.session-card__preview-role {\n  font-weight: 600;\n  color: var(--mj-text-muted);\n}\n\n.session-card__open {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex-shrink: 0;\n  padding: 6px 12px;\n  font-size: 12.5px;\n  font-weight: 600;\n  border-radius: var(--mj-radius-md, 8px);\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 45%, transparent);\n  background: var(--mj-bg-surface);\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n}\n.session-card__open:hover {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n"] }]
+    }], null, { Group: [{
+            type: Input,
+            args: [{ required: true }]
+        }], Meta: [{
+            type: Input
+        }], UserName: [{
+            type: Input
+        }], OpenRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RealtimeSessionTimelineCardComponent, { className: "RealtimeSessionTimelineCardComponent", filePath: "src/lib/components/realtime/realtime-session-timeline-card.component.ts", lineNumber: 27 }); })();
+//# sourceMappingURL=realtime-session-timeline-card.component.js.map

package/dist/lib/components/realtime/realtime-session-timeline-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-session-timeline-card.component.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-session-timeline-card.component.ts","../../../../src/lib/components/realtime/realtime-session-timeline-card.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { RealtimeSessionTimelineGroup, RealtimeSessionTimelineMeta } from '../../utils/realtime-session-timeline';\n\n/**\n * The ONE timeline element a realtime session collapses to in the standard conversation\n * message list (see `BuildConversationTimeline`): a visually distinct card at the\n * session's chronological position carrying the session identity (broadcast icon +\n * \"Realtime session · <agent>\"), its time range, a status / close-reason chip when\n * known, the visible-turn count, and a one-line preview of the last turn.\n *\n * The card's **Open** button emits {@link OpenRequested} with the session id; the\n * message list bubbles it up so the chat area can host the existing SESSION REVIEW\n * overlay via `ConversationChatAreaComponent.OpenRealtimeSessionReview` (Resume /\n * Close live inside that overlay, unchanged).\n *\n * Rendered DYNAMICALLY by `MessageListComponent` (same `createComponent` path the\n * message items use) — standalone by design, no module declaration needed.\n */\n@Component({\n  standalone: true,\n  selector: 'mj-realtime-session-timeline-card',\n  imports: [DatePipe],\n  templateUrl: './realtime-session-timeline-card.component.html',\n  styleUrl: './realtime-session-timeline-card.component.css'\n})\nexport class RealtimeSessionTimelineCardComponent {\n  /** The collapsed session block computed from the conversation's stamped detail rows. */\n  @Input({ required: true }) Group!: RealtimeSessionTimelineGroup;\n\n  /** Optional session-row enrichment (agent name / status / close reason); null degrades gracefully. */\n  @Input() Meta: RealtimeSessionTimelineMeta | null = null;\n\n  /** Display name of the signed-in user for the last-turn preview (matches the chat's sender names). */\n  @Input() UserName = 'You';\n\n  /** Emitted with the `MJ: AI Agent Sessions.ID` when the user asks to open the session review. */\n  @Output() OpenRequested = new EventEmitter<string>();\n\n  /** Card title: \"Realtime session · <agent>\" when the agent name is known, else the generic label. */\n  public get Title(): string {\n    const agent = this.Meta?.AgentName?.trim();\n    return agent ? `Realtime session · ${agent}` : 'Realtime session';\n  }\n\n  /** Whether the start and end fall on the same calendar day (drives the end-time format). */\n  public get SameDayRange(): boolean {\n    const start = this.Group?.StartedAt;\n    const end = this.Group?.EndedAt;\n    if (!start || !end) {\n      return true;\n    }\n    return start.toDateString() === end.toDateString();\n  }\n\n  /**\n   * The status chip label, or null to hide the chip entirely:\n   *  - Closed sessions show the close reason (`Error` / `Explicit` / `Janitor` / `Shutdown`)\n   *    humanized, falling back to \"Closed\" for legacy rows without one;\n   *  - Active sessions show \"Live\"; Idle shows \"Idle\";\n   *  - no meta (lookup unavailable) → no chip.\n   */\n  public get StatusChip(): string | null {\n    switch (this.Meta?.Status) {\n      case 'Closed':\n        return this.closeReasonLabel();\n      case 'Active':\n        return 'Live';\n      case 'Idle':\n        return 'Idle';\n      default:\n        return null;\n    }\n  }\n\n  /** Whether the chip represents an error close (drives the error chip styling). */\n  public get IsErrorChip(): boolean {\n    return this.Meta?.Status === 'Closed' && this.Meta?.CloseReason === 'Error';\n  }\n\n  /** Whether the chip represents a live session (drives the live chip styling). */\n  public get IsLiveChip(): boolean {\n    return this.Meta?.Status === 'Active';\n  }\n\n  /** Emits {@link OpenRequested} for the whole-card / Open-button click. */\n  public Open(event?: MouseEvent): void {\n    event?.stopPropagation();\n    const sessionId = this.Group?.SessionID;\n    if (sessionId) {\n      this.OpenRequested.emit(sessionId);\n    }\n  }\n\n  /** Human label for the session's close reason (\"Closed\" when the column is null/unknown). */\n  private closeReasonLabel(): string {\n    switch (this.Meta?.CloseReason) {\n      case 'Explicit':\n        return 'Ended';\n      case 'Error':\n        return 'Error';\n      case 'Janitor':\n        return 'Timed out';\n      case 'Shutdown':\n        return 'Server shutdown';\n      default:\n        return 'Closed';\n    }\n  }\n}\n","<div class=\"session-card\" role=\"group\" [attr.aria-label]=\"Title\" (click)=\"Open($event)\">\n  <div class=\"session-card__icon\" aria-hidden=\"true\">\n    <i class=\"fa-solid fa-tower-broadcast\"></i>\n  </div>\n\n  <div class=\"session-card__body\">\n    <div class=\"session-card__head\">\n      <span class=\"session-card__title\">{{ Title }}</span>\n      @if (StatusChip) {\n        <span class=\"session-card__chip\"\n              [class.session-card__chip--error]=\"IsErrorChip\"\n              [class.session-card__chip--live]=\"IsLiveChip\">{{ StatusChip }}</span>\n      }\n    </div>\n\n    <div class=\"session-card__meta\">\n      @if (Group.StartedAt) {\n        <span class=\"session-card__range\">\n          {{ Group.StartedAt | date:'MMM d, h:mm a' }}\n          @if (Group.EndedAt && Group.EndedAt !== Group.StartedAt) {\n            <i class=\"fa-solid fa-arrow-right-long session-card__range-arrow\" aria-hidden=\"true\"></i>\n            {{ Group.EndedAt | date:(SameDayRange ? 'h:mm a' : 'MMM d, h:mm a') }}\n          }\n        </span>\n        <span class=\"session-card__dot\" aria-hidden=\"true\">·</span>\n      }\n      <span class=\"session-card__turns\">{{ Group.TurnCount }} {{ Group.TurnCount === 1 ? 'turn' : 'turns' }}</span>\n    </div>\n\n    @if (Group.LastTurnPreview) {\n      <div class=\"session-card__preview\">\n        <span class=\"session-card__preview-role\">{{ Group.LastTurnRole === 'User' ? UserName : 'Agent' }}:</span>\n        {{ Group.LastTurnPreview }}\n      </div>\n    }\n  </div>\n\n  <button type=\"button\" class=\"session-card__open\" (click)=\"Open($event)\"\n          title=\"Open this realtime session in review mode\">\n    <i class=\"fa-solid fa-up-right-from-square\" aria-hidden=\"true\"></i>\n    <span>Open</span>\n  </button>\n</div>\n"]}

package/dist/lib/components/realtime/realtime-surface-panel-prefs.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Framework-free helpers for the call overlay's SURFACE PANEL width preference —
+ * the user-dragged width of the right tabbed panel, persisted per-user via
+ * `UserInfoEngine` (key {@link SURFACE_PANEL_PREF_KEY}, JSON `{ "width": number }`).
+ *
+ * Kept free of Angular imports so the clamp / parse / serialize rules are
+ * unit-testable in isolation (plain-node vitest).
+ */
+/** `MJ: User Settings` key for the surface panel width preference (versioned shape). */
+export declare const SURFACE_PANEL_PREF_KEY = "mj.realtimeVoice.surfacePanel.v1";
+/** The narrowest the user may drag the panel. */
+export declare const SURFACE_PANEL_MIN_WIDTH = 340;
+/** The widest the panel may grow, as a fraction of the overlay's width. */
+export declare const SURFACE_PANEL_MAX_FRACTION = 0.7;
+/** The collapsed slim-strip width (the chevron rail the panel collapses to). */
+export declare const SURFACE_PANEL_COLLAPSED_WIDTH = 40;
+/** Default panel width (Activity tab focused, user never resized). */
+export declare const SURFACE_PANEL_DEFAULT_WIDTH = 308;
+/** Wide-tier floor: a focused content tab widens the panel to at least this. */
+export declare const SURFACE_PANEL_WIDE_MIN_WIDTH = 380;
+/** Wide-tier ceiling: the auto-widened panel never exceeds this. */
+export declare const SURFACE_PANEL_WIDE_MAX_WIDTH = 640;
+/** Wide-tier preferred size, as a fraction of the overlay's width. */
+export declare const SURFACE_PANEL_WIDE_FRACTION = 0.44;
+/**
+ * The panel's DEFAULT width when the user has never dragged it: the Activity tier
+ * ({@link SURFACE_PANEL_DEFAULT_WIDTH}) normally, auto-widening to
+ * `clamp(380px, 44% of the overlay, 640px)` while a content tab (artifact / channel)
+ * is focused. An unknown overlay width (`<= 0`, `NaN`) resolves the wide tier to its
+ * floor.
+ */
+export declare function DefaultSurfacePanelWidth(wide: boolean, overlayWidth: number): number;
+/** The persisted shape of the surface panel preference. */
+export interface SurfacePanelPref {
+    /** The user's explicit panel width in px. */
+    Width: number;
+}
+/**
+ * Clamps a candidate panel width to `[SURFACE_PANEL_MIN_WIDTH, 70% of the overlay]`.
+ * When the overlay width is unknown / not yet measurable (`<= 0`, `NaN`), only the
+ * minimum is enforced. The upper bound never drops below the minimum (tiny overlays
+ * resolve to the minimum width).
+ */
+export declare function ClampSurfacePanelWidth(width: number, overlayWidth: number): number;
+/**
+ * Pointer movement (px) below which a completed resize-handle gesture is treated as a
+ * bare CLICK rather than a drag — clicks must never move, adopt, or persist a width.
+ */
+export declare const SURFACE_PANEL_DRAG_CLICK_TOLERANCE = 3;
+/**
+ * The live panel width while the resize handle is being dragged. The panel sits on the
+ * RIGHT of the overlay, so moving the pointer LEFT grows it:
+ * `startWidth + (startX - clientX)`, clamped to the standard
+ * [{@link SURFACE_PANEL_MIN_WIDTH}, 70% of the overlay] band.
+ */
+export declare function SurfacePanelDragWidth(startWidth: number, startX: number, clientX: number, overlayWidth: number): number;
+/**
+ * Click-vs-drag guard: a completed handle gesture only counts as a DRAG (adopt + persist
+ * the resulting width) when the pointer moved at least
+ * {@link SURFACE_PANEL_DRAG_CLICK_TOLERANCE}px horizontally. Non-finite coordinates
+ * (degenerate events) are never a drag.
+ */
+export declare function IsSurfacePanelDrag(startX: number, endX: number): boolean;
+/**
+ * Parses a raw persisted preference value. Returns `null` (no preference) for
+ * missing / blank / malformed JSON, non-object payloads, and non-finite or
+ * non-positive widths — a reset is stored as `{ "width": null }`, which also
+ * parses to `null`. Never throws.
+ */
+export declare function ParseSurfacePanelPref(raw: string | null | undefined): SurfacePanelPref | null;
+/**
+ * Serializes the preference for persistence. `null` serializes a reset
+ * (`{ "width": null }`) — written instead of a delete so a pending debounced
+ * width write can never resurrect the old value.
+ */
+export declare function SerializeSurfacePanelPref(width: number | null): string;
+//# sourceMappingURL=realtime-surface-panel-prefs.d.ts.map

package/dist/lib/components/realtime/realtime-surface-panel-prefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-surface-panel-prefs.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-surface-panel-prefs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,wFAAwF;AACxF,eAAO,MAAM,sBAAsB,qCAAqC,CAAC;AAEzE,iDAAiD;AACjD,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,2EAA2E;AAC3E,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAE9C,gFAAgF;AAChF,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAEhD,sEAAsE;AACtE,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,gFAAgF;AAChF,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD,oEAAoE;AACpE,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD,sEAAsE;AACtE,eAAO,MAAM,2BAA2B,OAAO,CAAC;AAEhD;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAWpF;AAED,2DAA2D;AAC3D,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CASlF;AAED;;;GAGG;AACH,eAAO,MAAM,kCAAkC,IAAI,CAAC;AAEpD;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAEvH;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAGxE;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,gBAAgB,GAAG,IAAI,CAiB7F;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAEtE"}

package/dist/lib/components/realtime/realtime-surface-panel-prefs.js

@@ -0,0 +1,114 @@
+/**
+ * Framework-free helpers for the call overlay's SURFACE PANEL width preference —
+ * the user-dragged width of the right tabbed panel, persisted per-user via
+ * `UserInfoEngine` (key {@link SURFACE_PANEL_PREF_KEY}, JSON `{ "width": number }`).
+ *
+ * Kept free of Angular imports so the clamp / parse / serialize rules are
+ * unit-testable in isolation (plain-node vitest).
+ */
+/** `MJ: User Settings` key for the surface panel width preference (versioned shape). */
+export const SURFACE_PANEL_PREF_KEY = 'mj.realtimeVoice.surfacePanel.v1';
+/** The narrowest the user may drag the panel. */
+export const SURFACE_PANEL_MIN_WIDTH = 340;
+/** The widest the panel may grow, as a fraction of the overlay's width. */
+export const SURFACE_PANEL_MAX_FRACTION = 0.7;
+/** The collapsed slim-strip width (the chevron rail the panel collapses to). */
+export const SURFACE_PANEL_COLLAPSED_WIDTH = 40;
+/** Default panel width (Activity tab focused, user never resized). */
+export const SURFACE_PANEL_DEFAULT_WIDTH = 308;
+/** Wide-tier floor: a focused content tab widens the panel to at least this. */
+export const SURFACE_PANEL_WIDE_MIN_WIDTH = 380;
+/** Wide-tier ceiling: the auto-widened panel never exceeds this. */
+export const SURFACE_PANEL_WIDE_MAX_WIDTH = 640;
+/** Wide-tier preferred size, as a fraction of the overlay's width. */
+export const SURFACE_PANEL_WIDE_FRACTION = 0.44;
+/**
+ * The panel's DEFAULT width when the user has never dragged it: the Activity tier
+ * ({@link SURFACE_PANEL_DEFAULT_WIDTH}) normally, auto-widening to
+ * `clamp(380px, 44% of the overlay, 640px)` while a content tab (artifact / channel)
+ * is focused. An unknown overlay width (`<= 0`, `NaN`) resolves the wide tier to its
+ * floor.
+ */
+export function DefaultSurfacePanelWidth(wide, overlayWidth) {
+    if (!wide) {
+        return SURFACE_PANEL_DEFAULT_WIDTH;
+    }
+    if (!Number.isFinite(overlayWidth) || overlayWidth <= 0) {
+        return SURFACE_PANEL_WIDE_MIN_WIDTH;
+    }
+    return Math.min(Math.max(SURFACE_PANEL_WIDE_MIN_WIDTH, overlayWidth * SURFACE_PANEL_WIDE_FRACTION), SURFACE_PANEL_WIDE_MAX_WIDTH);
+}
+/**
+ * Clamps a candidate panel width to `[SURFACE_PANEL_MIN_WIDTH, 70% of the overlay]`.
+ * When the overlay width is unknown / not yet measurable (`<= 0`, `NaN`), only the
+ * minimum is enforced. The upper bound never drops below the minimum (tiny overlays
+ * resolve to the minimum width).
+ */
+export function ClampSurfacePanelWidth(width, overlayWidth) {
+    const min = SURFACE_PANEL_MIN_WIDTH;
+    if (!Number.isFinite(width)) {
+        return min;
+    }
+    const max = Number.isFinite(overlayWidth) && overlayWidth > 0
+        ? Math.max(min, overlayWidth * SURFACE_PANEL_MAX_FRACTION)
+        : Number.POSITIVE_INFINITY;
+    return Math.min(Math.max(width, min), max);
+}
+/**
+ * Pointer movement (px) below which a completed resize-handle gesture is treated as a
+ * bare CLICK rather than a drag — clicks must never move, adopt, or persist a width.
+ */
+export const SURFACE_PANEL_DRAG_CLICK_TOLERANCE = 3;
+/**
+ * The live panel width while the resize handle is being dragged. The panel sits on the
+ * RIGHT of the overlay, so moving the pointer LEFT grows it:
+ * `startWidth + (startX - clientX)`, clamped to the standard
+ * [{@link SURFACE_PANEL_MIN_WIDTH}, 70% of the overlay] band.
+ */
+export function SurfacePanelDragWidth(startWidth, startX, clientX, overlayWidth) {
+    return ClampSurfacePanelWidth(startWidth + (startX - clientX), overlayWidth);
+}
+/**
+ * Click-vs-drag guard: a completed handle gesture only counts as a DRAG (adopt + persist
+ * the resulting width) when the pointer moved at least
+ * {@link SURFACE_PANEL_DRAG_CLICK_TOLERANCE}px horizontally. Non-finite coordinates
+ * (degenerate events) are never a drag.
+ */
+export function IsSurfacePanelDrag(startX, endX) {
+    return Number.isFinite(startX) && Number.isFinite(endX)
+        && Math.abs(endX - startX) >= SURFACE_PANEL_DRAG_CLICK_TOLERANCE;
+}
+/**
+ * Parses a raw persisted preference value. Returns `null` (no preference) for
+ * missing / blank / malformed JSON, non-object payloads, and non-finite or
+ * non-positive widths — a reset is stored as `{ "width": null }`, which also
+ * parses to `null`. Never throws.
+ */
+export function ParseSurfacePanelPref(raw) {
+    if (!raw) {
+        return null;
+    }
+    try {
+        const parsed = JSON.parse(raw);
+        if (parsed === null || typeof parsed !== 'object') {
+            return null;
+        }
+        const width = parsed.width;
+        if (typeof width !== 'number' || !Number.isFinite(width) || width <= 0) {
+            return null;
+        }
+        return { Width: width };
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Serializes the preference for persistence. `null` serializes a reset
+ * (`{ "width": null }`) — written instead of a delete so a pending debounced
+ * width write can never resurrect the old value.
+ */
+export function SerializeSurfacePanelPref(width) {
+    return JSON.stringify({ width });
+}
+//# sourceMappingURL=realtime-surface-panel-prefs.js.map

package/dist/lib/components/realtime/realtime-surface-panel-prefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-surface-panel-prefs.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-surface-panel-prefs.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Framework-free helpers for the call overlay's SURFACE PANEL width preference —\n * the user-dragged width of the right tabbed panel, persisted per-user via\n * `UserInfoEngine` (key {@link SURFACE_PANEL_PREF_KEY}, JSON `{ \"width\": number }`).\n *\n * Kept free of Angular imports so the clamp / parse / serialize rules are\n * unit-testable in isolation (plain-node vitest).\n */\n\n/** `MJ: User Settings` key for the surface panel width preference (versioned shape). */\nexport const SURFACE_PANEL_PREF_KEY = 'mj.realtimeVoice.surfacePanel.v1';\n\n/** The narrowest the user may drag the panel. */\nexport const SURFACE_PANEL_MIN_WIDTH = 340;\n\n/** The widest the panel may grow, as a fraction of the overlay's width. */\nexport const SURFACE_PANEL_MAX_FRACTION = 0.7;\n\n/** The collapsed slim-strip width (the chevron rail the panel collapses to). */\nexport const SURFACE_PANEL_COLLAPSED_WIDTH = 40;\n\n/** Default panel width (Activity tab focused, user never resized). */\nexport const SURFACE_PANEL_DEFAULT_WIDTH = 308;\n\n/** Wide-tier floor: a focused content tab widens the panel to at least this. */\nexport const SURFACE_PANEL_WIDE_MIN_WIDTH = 380;\n\n/** Wide-tier ceiling: the auto-widened panel never exceeds this. */\nexport const SURFACE_PANEL_WIDE_MAX_WIDTH = 640;\n\n/** Wide-tier preferred size, as a fraction of the overlay's width. */\nexport const SURFACE_PANEL_WIDE_FRACTION = 0.44;\n\n/**\n * The panel's DEFAULT width when the user has never dragged it: the Activity tier\n * ({@link SURFACE_PANEL_DEFAULT_WIDTH}) normally, auto-widening to\n * `clamp(380px, 44% of the overlay, 640px)` while a content tab (artifact / channel)\n * is focused. An unknown overlay width (`<= 0`, `NaN`) resolves the wide tier to its\n * floor.\n */\nexport function DefaultSurfacePanelWidth(wide: boolean, overlayWidth: number): number {\n  if (!wide) {\n    return SURFACE_PANEL_DEFAULT_WIDTH;\n  }\n  if (!Number.isFinite(overlayWidth) || overlayWidth <= 0) {\n    return SURFACE_PANEL_WIDE_MIN_WIDTH;\n  }\n  return Math.min(\n    Math.max(SURFACE_PANEL_WIDE_MIN_WIDTH, overlayWidth * SURFACE_PANEL_WIDE_FRACTION),\n    SURFACE_PANEL_WIDE_MAX_WIDTH\n  );\n}\n\n/** The persisted shape of the surface panel preference. */\nexport interface SurfacePanelPref {\n  /** The user's explicit panel width in px. */\n  Width: number;\n}\n\n/**\n * Clamps a candidate panel width to `[SURFACE_PANEL_MIN_WIDTH, 70% of the overlay]`.\n * When the overlay width is unknown / not yet measurable (`<= 0`, `NaN`), only the\n * minimum is enforced. The upper bound never drops below the minimum (tiny overlays\n * resolve to the minimum width).\n */\nexport function ClampSurfacePanelWidth(width: number, overlayWidth: number): number {\n  const min = SURFACE_PANEL_MIN_WIDTH;\n  if (!Number.isFinite(width)) {\n    return min;\n  }\n  const max = Number.isFinite(overlayWidth) && overlayWidth > 0\n    ? Math.max(min, overlayWidth * SURFACE_PANEL_MAX_FRACTION)\n    : Number.POSITIVE_INFINITY;\n  return Math.min(Math.max(width, min), max);\n}\n\n/**\n * Pointer movement (px) below which a completed resize-handle gesture is treated as a\n * bare CLICK rather than a drag — clicks must never move, adopt, or persist a width.\n */\nexport const SURFACE_PANEL_DRAG_CLICK_TOLERANCE = 3;\n\n/**\n * The live panel width while the resize handle is being dragged. The panel sits on the\n * RIGHT of the overlay, so moving the pointer LEFT grows it:\n * `startWidth + (startX - clientX)`, clamped to the standard\n * [{@link SURFACE_PANEL_MIN_WIDTH}, 70% of the overlay] band.\n */\nexport function SurfacePanelDragWidth(startWidth: number, startX: number, clientX: number, overlayWidth: number): number {\n  return ClampSurfacePanelWidth(startWidth + (startX - clientX), overlayWidth);\n}\n\n/**\n * Click-vs-drag guard: a completed handle gesture only counts as a DRAG (adopt + persist\n * the resulting width) when the pointer moved at least\n * {@link SURFACE_PANEL_DRAG_CLICK_TOLERANCE}px horizontally. Non-finite coordinates\n * (degenerate events) are never a drag.\n */\nexport function IsSurfacePanelDrag(startX: number, endX: number): boolean {\n  return Number.isFinite(startX) && Number.isFinite(endX)\n    && Math.abs(endX - startX) >= SURFACE_PANEL_DRAG_CLICK_TOLERANCE;\n}\n\n/**\n * Parses a raw persisted preference value. Returns `null` (no preference) for\n * missing / blank / malformed JSON, non-object payloads, and non-finite or\n * non-positive widths — a reset is stored as `{ \"width\": null }`, which also\n * parses to `null`. Never throws.\n */\nexport function ParseSurfacePanelPref(raw: string | null | undefined): SurfacePanelPref | null {\n  if (!raw) {\n    return null;\n  }\n  try {\n    const parsed: unknown = JSON.parse(raw);\n    if (parsed === null || typeof parsed !== 'object') {\n      return null;\n    }\n    const width = (parsed as { width?: unknown }).width;\n    if (typeof width !== 'number' || !Number.isFinite(width) || width <= 0) {\n      return null;\n    }\n    return { Width: width };\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Serializes the preference for persistence. `null` serializes a reset\n * (`{ \"width\": null }`) — written instead of a delete so a pending debounced\n * width write can never resurrect the old value.\n */\nexport function SerializeSurfacePanelPref(width: number | null): string {\n  return JSON.stringify({ width });\n}\n"]}