@memberjunction/ng-conversations 5.43.0 → 5.44.0

package/dist/lib/components/realtime/realtime-agent-banner.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"realtime-agent-banner.component.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-agent-banner.component.ts","../../../../src/lib/components/realtime/realtime-agent-banner.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VoiceConnectionState } from '../../services/realtime-session.service';\nimport { RealtimeUxDensity } from './realtime-disclosure';\n\n/**\n * The call overlay's UNIFIED APP-BAR (per Redesign A — `plans/realtime/mockups/redesign-a.html`):\n * ONE header that owns identity, state, and every session action.\n *\n *  - LEFT: the glowing agent orb (motion = turn-state), agent name + \"Co-Agent\" badge,\n *    \"speaking as\" subline (+ subtle realtime-model suffix), and the state pill that swaps\n *    between a waveform (speaking/listening) and a spinner (connecting/thinking).\n *  - RIGHT (live): the disclosure-gated action cluster — Captions toggle (level 1+), the\n *    gear (level 2+, opens a popover hosting the Simple/Standard/Pro/Auto INTERFACE DENSITY\n *    control — the progressive-disclosure escape hatch — plus the developer-links toggle),\n *    Minimize (hide the call view, call stays live), and the End-call pill (level 2+; below\n *    that the phone-call strip's big End control owns ending).\n *  - RIGHT (review): \"Start live session\" (resume, affirmative leads) + Close — the\n *    review session's exit lives up here in the header bar, not floating in the body.\n *\n * Which controls render is decided by the OVERLAY (it owns the disclosure model) and\n * passed down as booleans — this component stays purely presentational.\n */\n@Component({\n  standalone: true,\n  selector: 'mj-realtime-agent-banner',\n  imports: [CommonModule],\n  templateUrl: './realtime-agent-banner.component.html',\n  styleUrl: './realtime-agent-banner.component.css'\n})\nexport class RealtimeAgentBannerComponent {\n  /** Current connection / turn state — drives the orb animation + state label. */\n  @Input({ required: true }) State!: VoiceConnectionState;\n\n  /** Display name of the agent the voice session fronts (e.g. \"Sage\"). */\n  @Input() AgentName = 'the agent';\n\n  /**\n   * Display name of the realtime model the live session runs on (e.g. \"GPT Realtime 2\").\n   * Rendered as a subtle suffix in the identity line; hidden when null/empty.\n   */\n  @Input() ModelName: string | null = null;\n\n  /** Whether developer affordances (the \"Open session\" link) are revealed (gear-gated). */\n  @Input() DevMode = false;\n\n  /** ID of the server-side agent session record (`MJ: AI Agent Sessions`), when known. */\n  @Input() SessionID: string | null = null;\n\n  /**\n   * SESSION REVIEW presentation: the banner shows the past session's identity\n   * (review badge, started→closed range, close-reason chip) instead of live turn-state,\n   * and the action cluster swaps to Start-live + Close.\n   */\n  @Input() ReviewMode = false;\n\n  /** When reviewing: when the past session started (`__mj_CreatedAt`). */\n  @Input() ReviewStartedAt: Date | null = null;\n\n  /** When reviewing: when the past session closed (null while it is still open). */\n  @Input() ReviewClosedAt: Date | null = null;\n\n  /** When reviewing: why the past session closed (`Explicit` | `Janitor` | `Shutdown` | `Error`), when known. */\n  @Input() ReviewCloseReason: string | null = null;\n\n  // ── App-bar action cluster (disclosure-gated by the overlay) ────────────────\n\n  /** Whether captions are currently shown (active state on the captions control). */\n  @Input() CaptionsOn = true;\n\n  /** Whether the captions control renders (disclosure level 1+). */\n  @Input() ShowCaptionsControl = false;\n\n  /** Whether the gear (density escape hatch + dev toggle) renders (disclosure level 2+). */\n  @Input() ShowGear = false;\n\n  /** Whether the End-call pill renders here (level 2+; the strip's big End owns it below). */\n  @Input() ShowEnd = false;\n\n  /** Whether the Minimize control renders (live sessions only). */\n  @Input() ShowMinimize = false;\n\n  /** Whether the \"Return to pure audio\" control renders (live + disclosure level above 0). */\n  @Input() ShowPureAudio = false;\n\n  /** The user's current interface-density override (selected state in the gear popover). */\n  @Input() Density: RealtimeUxDensity = 'auto';\n\n  /** Emitted with the session record's ID when the dev \"Open session\" link is clicked. */\n  @Output() OpenSessionRequested = new EventEmitter<string>();\n\n  /** Emitted when the user toggles captions; the overlay flips its caption state. */\n  @Output() CaptionsToggled = new EventEmitter<boolean>();\n\n  /** Emitted when the user toggles developer links from the gear popover. */\n  @Output() DevModeToggled = new EventEmitter<boolean>();\n\n  /** Emitted when the user picks an interface density in the gear popover. */\n  @Output() DensityChanged = new EventEmitter<RealtimeUxDensity>();\n\n  /** Emitted when the user minimizes the call view (the call stays live). */\n  @Output() MinimizeRequested = new EventEmitter<void>();\n\n  /** Emitted when the user asks to return to the pure-audio surface (level 0, this session). */\n  @Output() PureAudioRequested = new EventEmitter<void>();\n\n  /** Emitted when the user ends the call from the app-bar's End pill. */\n  @Output() EndRequested = new EventEmitter<void>();\n\n  /** Review only: the user asked to RESUME the reviewed session as a new live call. */\n  @Output() StartLiveRequested = new EventEmitter<void>();\n\n  /** Review only: the user asked to close the review and return to the conversation. */\n  @Output() CloseRequested = new EventEmitter<void>();\n\n  /** Whether the gear popover is open (closed by any outside click). */\n  public GearOpen = false;\n\n  /** The density choices the gear popover offers, in display order. */\n  public readonly Densities: ReadonlyArray<{ Key: RealtimeUxDensity; Label: string }> = [\n    { Key: 'simple', Label: 'Simple' },\n    { Key: 'standard', Label: 'Standard' },\n    { Key: 'pro', Label: 'Pro' },\n    { Key: 'auto', Label: 'Auto' }\n  ];\n\n  /** True when the dev \"Open session\" link should render (gear on + session id known). */\n  public get ShowOpenSession(): boolean {\n    return this.DevMode && !!this.SessionID;\n  }\n\n  /** Emits the open-session request for the live agent session record. */\n  public OpenSession(): void {\n    if (this.SessionID) {\n      this.OpenSessionRequested.emit(this.SessionID);\n    }\n  }\n\n  /** Toggles the captions control and notifies the overlay. */\n  public ToggleCaptions(): void {\n    this.CaptionsOn = !this.CaptionsOn;\n    this.CaptionsToggled.emit(this.CaptionsOn);\n  }\n\n  /** Opens/closes the gear popover (stops propagation so the outside-click close skips it). */\n  public ToggleGear(event: MouseEvent): void {\n    event.stopPropagation();\n    this.GearOpen = !this.GearOpen;\n  }\n\n  /** Any outside click closes the gear popover. */\n  @HostListener('document:click')\n  public OnDocumentClick(): void {\n    if (this.GearOpen) {\n      this.GearOpen = false;\n    }\n  }\n\n  /** Gear popover: pick an interface density (the overlay applies + persists it). */\n  public SelectDensity(density: RealtimeUxDensity): void {\n    this.DensityChanged.emit(density);\n  }\n\n  /** Gear popover: toggle developer links. */\n  public ToggleDev(): void {\n    this.DevMode = !this.DevMode;\n    this.DevModeToggled.emit(this.DevMode);\n  }\n\n  /** The review banner's \"started → closed\" time-range label (empty when the start is unknown). */\n  public get ReviewRangeLabel(): string {\n    if (!this.ReviewStartedAt) {\n      return '';\n    }\n    const start = this.formatStamp(this.ReviewStartedAt);\n    if (!this.ReviewClosedAt) {\n      return start;\n    }\n    return `${start} → ${this.formatStamp(this.ReviewClosedAt, this.ReviewStartedAt)}`;\n  }\n\n  /** Human label for the close-reason chip (empty hides the chip). */\n  public get ReviewCloseReasonLabel(): string {\n    switch (this.ReviewCloseReason) {\n      case 'Explicit': return 'Ended by user';\n      case 'Janitor': return 'Closed by janitor';\n      case 'Shutdown': return 'Closed at shutdown';\n      case 'Error': return 'Ended with error';\n      default: return '';\n    }\n  }\n\n  /** Compact date+time stamp; same-day end stamps drop the redundant date part. */\n  private formatStamp(date: Date, sameDayAs?: Date | null): string {\n    const time = date.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' }).toLowerCase();\n    if (sameDayAs && date.toDateString() === sameDayAs.toDateString()) {\n      return time;\n    }\n    return `${date.toLocaleDateString([], { month: 'short', day: 'numeric' })}, ${time}`;\n  }\n\n  /** Maps the realtime state to the orb's `data-state` (the orb only models active turn-states). */\n  public OrbState(state: VoiceConnectionState): 'speaking' | 'listening' | 'thinking' {\n    switch (state) {\n      case 'speaking': return 'speaking';\n      case 'thinking': return 'thinking';\n      default: return 'listening';\n    }\n  }\n\n  /** Human-readable state label, agent-aware where it reads better. */\n  public StateLabel(state: VoiceConnectionState): string {\n    switch (state) {\n      case 'connecting': return 'Connecting…';\n      case 'listening': return 'Listening';\n      case 'speaking': return `${this.AgentName} is speaking…`;\n      case 'thinking': return 'Working on it…';\n      case 'error': return 'Connection error';\n      case 'closed': return 'Call ended';\n      default: return '';\n    }\n  }\n\n  /** True while the state pill should show a spinner instead of the waveform. */\n  public IsBusy(state: VoiceConnectionState): boolean {\n    return state === 'connecting' || state === 'thinking';\n  }\n}\n","<div class=\"banner\" [class.banner--review]=\"ReviewMode\">\n  @if (ReviewMode) {\n    <!-- SESSION REVIEW: static orb · name · review badge · started→closed · close-reason chip,\n         with the review's exit actions up here in the header bar (Start live leads, Close trails). -->\n    <div class=\"agent-orb agent-orb--review\" aria-hidden=\"true\"></div>\n\n    <div class=\"banner__id\">\n      <span class=\"banner__name\">Voice for {{ AgentName }}</span>\n      <span class=\"pill pill--review\"><i class=\"fa-solid fa-clock-rotate-left\" aria-hidden=\"true\"></i> Session review</span>\n      @if (ReviewRangeLabel) {\n        <span class=\"banner__for banner__range\">{{ ReviewRangeLabel }}</span>\n      }\n      @if (ReviewCloseReasonLabel) {\n        <span class=\"pill pill--close-reason\" [title]=\"'Close reason: ' + ReviewCloseReason\">{{ ReviewCloseReasonLabel }}</span>\n      }\n      @if (ShowOpenSession) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenSession()\"\n                title=\"Open the agent session record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open session</span>\n        </button>\n      }\n    </div>\n\n    <div class=\"banner__state banner__state--review\">\n      <i class=\"fa-solid fa-box-archive\" aria-hidden=\"true\"></i>\n      <span class=\"banner__state-label banner__state-label--review\">Reviewing past session</span>\n    </div>\n\n    <div class=\"bar-actions\">\n      <button type=\"button\" class=\"start-live-pill\" (click)=\"StartLiveRequested.emit()\"\n              title=\"Resume this session as a new live call\">\n        <i class=\"fa-solid fa-phone\" aria-hidden=\"true\"></i>\n        <span>Start live session</span>\n      </button>\n      <button type=\"button\" class=\"iconb\" (click)=\"CloseRequested.emit()\"\n              title=\"Close review\" aria-label=\"Close session review\">\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n      </button>\n    </div>\n  } @else {\n    <div class=\"agent-orb\" [attr.data-state]=\"OrbState(State)\" aria-hidden=\"true\"></div>\n\n    <div class=\"banner__id\">\n      <span class=\"banner__name\">Voice for {{ AgentName }}</span>\n      <span class=\"pill pill--sage\"><i class=\"fa-solid fa-feather\" aria-hidden=\"true\"></i> Co-Agent</span>\n      <span class=\"banner__for\">speaking as <b>{{ AgentName }}</b></span>\n      @if (ModelName) {\n        <span class=\"banner__model\" [title]=\"'Realtime voice model: ' + ModelName\">· {{ ModelName }}</span>\n      }\n      @if (ShowOpenSession) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenSession()\"\n                title=\"Open the agent session record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open session</span>\n        </button>\n      }\n    </div>\n\n    <div class=\"banner__state\" [class.banner__state--busy]=\"IsBusy(State)\">\n      @if (IsBusy(State)) {\n        <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i>\n      } @else {\n        <div class=\"waveform\" [class.waveform--idle]=\"State !== 'speaking'\" aria-hidden=\"true\">\n          <span></span><span></span><span></span><span></span>\n          <span></span><span></span><span></span><span></span>\n        </div>\n      }\n      <span class=\"banner__state-label\">{{ StateLabel(State) }}</span>\n    </div>\n\n    <!-- Disclosure-gated app-bar action cluster (the overlay decides what renders). -->\n    <div class=\"bar-actions\">\n      @if (ShowPureAudio) {\n        <button type=\"button\" class=\"iconb\" (click)=\"PureAudioRequested.emit()\"\n                title=\"Pure audio — simplest view, just the orb and the voice (sticks until you change it in the gear)\"\n                aria-label=\"Switch to the simple pure-audio view\">\n          <i class=\"fa-solid fa-headphones\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      @if (ShowCaptionsControl) {\n        <button type=\"button\" class=\"iconb\" [class.iconb--on]=\"CaptionsOn\"\n                (click)=\"ToggleCaptions()\"\n                [title]=\"CaptionsOn ? 'Hide captions' : 'Show captions'\"\n                [attr.aria-pressed]=\"CaptionsOn\">\n          <i class=\"fa-solid fa-closed-captioning\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      @if (ShowGear) {\n        <button type=\"button\" class=\"iconb\" [class.iconb--on]=\"GearOpen || DevMode\"\n                (click)=\"ToggleGear($event)\"\n                title=\"Interface density &amp; developer links\"\n                [attr.aria-expanded]=\"GearOpen\">\n          <i class=\"fa-solid fa-gear\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      @if (ShowMinimize) {\n        <button type=\"button\" class=\"iconb\" (click)=\"MinimizeRequested.emit()\"\n                title=\"Hide the call view — the call stays live\"\n                aria-label=\"Minimize the call view\">\n          <i class=\"fa-solid fa-down-left-and-up-right-to-center\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      @if (ShowEnd) {\n        <span class=\"bar-sep\" aria-hidden=\"true\"></span>\n        <button type=\"button\" class=\"end-pill\" (click)=\"EndRequested.emit()\"\n                title=\"End call\" aria-label=\"End the call\">\n          <i class=\"fa-solid fa-phone-slash\" aria-hidden=\"true\"></i>\n          <span>End call</span>\n        </button>\n      }\n    </div>\n\n    <!-- Gear popover: interface density (the disclosure escape hatch) + developer links. -->\n    @if (GearOpen) {\n      <div class=\"gear-pop\" (click)=\"$event.stopPropagation()\" role=\"menu\" aria-label=\"Interface settings\">\n        <div class=\"gp-h\">Interface</div>\n        <div class=\"gp-row\">\n          <span class=\"gp-l\">Density</span>\n          <div class=\"gp-seg\" role=\"radiogroup\" aria-label=\"Interface density\">\n            @for (d of Densities; track d.Key) {\n              <button type=\"button\" [class.on]=\"Density === d.Key\"\n                      (click)=\"SelectDensity(d.Key)\"\n                      [attr.aria-checked]=\"Density === d.Key\" role=\"radio\">{{ d.Label }}</button>\n            }\n          </div>\n        </div>\n        <div class=\"gp-note\">Simple returns to the pure-audio surface. Auto grows the console as you use it.</div>\n        <div class=\"gp-div\"></div>\n        <button type=\"button\" class=\"gp-link\" (click)=\"ToggleDev()\" [attr.aria-pressed]=\"DevMode\">\n          <i class=\"fa-solid\" [ngClass]=\"DevMode ? 'fa-toggle-on' : 'fa-toggle-off'\" aria-hidden=\"true\"></i>\n          Developer links {{ DevMode ? 'on' : 'off' }}\n        </button>\n      </div>\n    }\n  }\n</div>\n"]}
+{"version":3,"file":"realtime-agent-banner.component.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-agent-banner.component.ts","../../../../src/lib/components/realtime/realtime-agent-banner.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;;;ICSvC,+BAAwC;IAAA,YAAsB;IAAA,iBAAO;;;IAA7B,cAAsB;IAAtB,6CAAsB;;;IAG9D,+BAAqF;IAAA,YAA4B;IAAA,iBAAO;;;IAAlF,mEAA8C;IAAC,cAA4B;IAA5B,mDAA4B;;;;IAGjH,kCAC8C;IADP,+MAAS,oBAAa,KAAC;IAE5D,wBAAyE;IACzE,4BAAM;IAAA,4BAAY;IACpB,AADoB,iBAAO,EAClB;;;;IAhBb,yBAAkE;IAGhE,AADF,8BAAwB,cACK;IAAA,YAAyB;IAAA,iBAAO;IAC3D,+BAAgC;IAAA,uBAAgE;IAAC,+BAAc;IAAA,iBAAO;IACtH,6GAAwB;IAGxB,6GAA8B;IAG9B,+GAAuB;IAOzB,iBAAM;IAEN,+BAAiD;IAC/C,yBAA0D;IAC1D,iCAA8D;IAAA,uCAAsB;IACtF,AADsF,iBAAO,EACvF;IAGJ,AADF,gCAAyB,kBAEgC;IADT,iMAAS,gCAAyB,KAAC;IAE/E,yBAAoD;IACpD,6BAAM;IAAA,mCAAkB;IAC1B,AAD0B,iBAAO,EACxB;IACT,mCAC+D;IAD3B,iMAAS,4BAAqB,KAAC;IAEjE,yBAAoD;IAExD,AADE,iBAAS,EACL;;;IAhCuB,eAAyB;IAAzB,qDAAyB;IAEpD,eAEC;IAFD,kDAEC;IACD,cAEC;IAFD,wDAEC;IACD,cAMC;IAND,iDAMC;;;IA4BG,wBAA8D;;;IAE9D,2BAA8F;;;;;;;IAOlG,kCAE4C;IAFkB,gNAAS,+BAAwB,KAAC;IAG9F,wBAAoD;IACtD,iBAAS;;;IAjBT,AADF,+BAA4C,eACM;IAAA,YAAyB;IAAA,iBAAO;IAChF,gCAAiD;IAAA,YAAe;IAAA,iBAAO;IACvE,gCAAiC;IAG7B,AAFF,2GAAqB,wFAEZ;IAGT,gCAAuC;IAAA,YAAuB;IAElE,AADE,AADgE,iBAAO,EAChE,EACH;IAEN,kHAAoB;;;IAZ8B,eAAyB;IAAzB,gDAAyB;IACxB,eAAe;IAAf,sCAAe;IAE9D,eAIC;IAJD,qDAIC;IACsC,eAAuB;IAAvB,qDAAuB;IAIlE,cAMC;IAND,+CAMC;;;IASG,gCAA2E;IAAA,YAAiB;IAAA,iBAAO;;;IAAvE,mEAA8C;IAAC,cAAiB;IAAjB,kDAAiB;;;;IAG5F,kCAC8C;IADP,gNAAS,oBAAa,KAAC;IAE5D,wBAAyE;IACzE,4BAAM;IAAA,4BAAY;IACpB,AADoB,iBAAO,EAClB;;;IAMT,wBAA8D;;;IAE9D,+BAAuF;IAE9C,AAAb,AAAb,AAAb,AADuC,AAAb,AAAb,AAAb,uBAAa,WAAa,WAAa,WAAa,WACvC,WAAa,WAAa,WAAa;IACtD,iBAAM;;;IAHgB,6DAA6C;;;;IAgBnE,kCAGwC;IAFhC,sNAAS,yBAAkB,KAAC;IAGlC,wBAAmD;IACrD,iBAAS;;;IAL2B,8DAAuC;;;;;IAQ3E,kCAE4C;IAFR,gNAAS,+BAAwB,KAAC;IAGpE,wBAA+E;IACjF,iBAAS;;;;IAaD,kCAE6D;IADrD,4PAAS,+BAAoB,KAAC;IACuB,YAAa;IAAA,iBAAS;;;;IAF7D,kDAA8B;;IAES,cAAa;IAAb,iCAAa;;;IAL9E,AADF,+BAAoB,eACC;IAAA,uBAAO;IAAA,iBAAO;IACjC,+BAAqE;IACnE,8IAIC;IAEL,AADE,iBAAM,EACF;IACN,+BAAqB;IAAA,+FAA+E;IAAA,iBAAM;IAC1G,0BAA0B;;;IARtB,eAIC;IAJD,+BAIC;;;;IAVT,+BAAqG;IAA/E,+KAAS,wBAAwB,KAAC;IACtD,+BAAkB;IAAA,yBAAS;IAAA,iBAAM;IACjC,iHAAyB;IAczB,kCAA0F;IAApD,gNAAS,kBAAW,KAAC;IACzD,wBAAkG;IAClG,YACF;IACF,AADE,iBAAS,EACL;;;IAlBJ,eAaC;IAbD,mDAaC;IAC2D,cAA6B;;IACnE,cAAsD;IAAtD,2EAAsD;IAC1E,cACF;IADE,8EACF;;;IA3EJ,0BAAoF;IAGlF,AADF,8BAAwB,cACK;IAAA,YAAyB;IAAA,iBAAO;IAC3D,gCAA8B;IAAA,wBAAsD;IAAC,yBAAQ;IAAA,iBAAO;IACpG,gCAA0B;IAAA,4BAAY;IAAA,yBAAG;IAAA,aAAe;IAAI,AAAJ,iBAAI,EAAO;IACnE,gHAAiB;IAGjB,iHAAuB;IAOzB,iBAAM;IAEN,gCAAuE;IAGnE,AAFF,6GAAqB,yFAEZ;IAMT,iCAAkC;IAAA,aAAuB;IAC3D,AAD2D,iBAAO,EAC5D;IAQN,gCAAyB;IACvB,kHAAgB;IAQhB,kHAAoB;IAOtB,iBAAM;IAGN,+GAAgB;;;;IApDa,eAAyB;IAAzB,qDAAyB;IAEX,eAAe;IAAf,sCAAe;IACxD,cAEC;IAFD,4CAEC;IACD,cAMC;IAND,kDAMC;IAGwB,cAA2C;IAA3C,kEAA2C;IACpE,cAOC;IAPD,uDAOC;IACiC,eAAuB;IAAvB,qDAAuB;IAUzD,eAOC;IAPD,2CAOC;IACD,cAMC;IAND,+CAMC;IAIH,cAsBC;IAtBD,2CAsBC;;ADzIL;;;;;;;;;;;;;;;;;;GAkBG;AAQH,MAAM,OAAO,4BAA4B;IACvC,gFAAgF;IACrD,KAAK,CAA2B;IAE3D;;;;;;;OAOG;IACM,OAAO,GAAG,KAAK,CAAC;IAEzB,wEAAwE;IAC/D,SAAS,GAAG,WAAW,CAAC;IAEjC;;;OAGG;IACM,SAAS,GAAkB,IAAI,CAAC;IAEzC,yFAAyF;IAChF,OAAO,GAAG,KAAK,CAAC;IAEzB,wFAAwF;IAC/E,SAAS,GAAkB,IAAI,CAAC;IAEzC;;;;OAIG;IACM,UAAU,GAAG,KAAK,CAAC;IAE5B,wEAAwE;IAC/D,eAAe,GAAgB,IAAI,CAAC;IAE7C,kFAAkF;IACzE,cAAc,GAAgB,IAAI,CAAC;IAE5C,+GAA+G;IACtG,iBAAiB,GAAkB,IAAI,CAAC;IAEjD,+EAA+E;IAC/E,6FAA6F;IAC7F,kGAAkG;IAElG,0FAA0F;IACjF,QAAQ,GAAG,KAAK,CAAC;IAE1B;;;;;OAKG;IACM,iBAAiB,GAAG,IAAI,CAAC;IAElC,iEAAiE;IACxD,YAAY,GAAG,KAAK,CAAC;IAE9B,0FAA0F;IACjF,OAAO,GAAsB,MAAM,CAAC;IAE7C,wFAAwF;IAC9E,oBAAoB,GAAG,IAAI,YAAY,EAAU,CAAC;IAE5D,2EAA2E;IACjE,cAAc,GAAG,IAAI,YAAY,EAAW,CAAC;IAEvD,4EAA4E;IAClE,cAAc,GAAG,IAAI,YAAY,EAAqB,CAAC;IAEjE,2EAA2E;IACjE,iBAAiB,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEvD,qFAAqF;IAC3E,kBAAkB,GAAG,IAAI,YAAY,EAAQ,CAAC;IAExD,sFAAsF;IAC5E,cAAc,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEpD,sEAAsE;IAC/D,QAAQ,GAAG,KAAK,CAAC;IAExB,qEAAqE;IACrD,SAAS,GAA6D;QACpF,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QAClC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;QACtC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC5B,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;KAC/B,CAAC;IAEF,wFAAwF;IACxF,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IAC1C,CAAC;IAED,wEAAwE;IACjE,WAAW;QAChB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,6FAA6F;IACtF,UAAU,CAAC,KAAiB;QACjC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;IAED,iDAAiD;IAE1C,eAAe;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC;IACH,CAAC;IAED,mFAAmF;IAC5E,aAAa,CAAC,OAA0B;QAC7C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAED,4CAA4C;IACrC,SAAS;QACd,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAED,iGAAiG;IACjG,IAAW,gBAAgB;QACzB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,GAAG,KAAK,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IACrF,CAAC;IAED,oEAAoE;IACpE,IAAW,sBAAsB;QAC/B,QAAQ,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC/B,KAAK,UAAU,CAAC,CAAC,OAAO,eAAe,CAAC;YACxC,KAAK,SAAS,CAAC,CAAC,OAAO,mBAAmB,CAAC;YAC3C,KAAK,UAAU,CAAC,CAAC,OAAO,oBAAoB,CAAC;YAC7C,KAAK,OAAO,CAAC,CAAC,OAAO,kBAAkB,CAAC;YACxC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,iFAAiF;IACzE,WAAW,CAAC,IAAU,EAAE,SAAuB;QACrD,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QAC/F,IAAI,SAAS,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,SAAS,CAAC,YAAY,EAAE,EAAE,CAAC;YAClE,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC;IACvF,CAAC;IAED,kGAAkG;IAC3F,QAAQ,CAAC,KAA8B;QAC5C,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,UAAU,CAAC,CAAC,OAAO,UAAU,CAAC;YACnC,KAAK,UAAU,CAAC,CAAC,OAAO,UAAU,CAAC;YACnC,OAAO,CAAC,CAAC,OAAO,WAAW,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,qEAAqE;IAC9D,UAAU,CAAC,KAA8B;QAC9C,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,YAAY,CAAC,CAAC,OAAO,aAAa,CAAC;YACxC,KAAK,WAAW,CAAC,CAAC,OAAO,WAAW,CAAC;YACrC,KAAK,UAAU,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,eAAe,CAAC;YACzD,KAAK,UAAU,CAAC,CAAC,OAAO,gBAAgB,CAAC;YACzC,KAAK,OAAO,CAAC,CAAC,OAAO,kBAAkB,CAAC;YACxC,KAAK,QAAQ,CAAC,CAAC,OAAO,YAAY,CAAC;YACnC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,+EAA+E;IACxE,MAAM,CAAC,KAA8B;QAC1C,OAAO,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,UAAU,CAAC;IACxD,CAAC;sHA7LU,4BAA4B;6DAA5B,4BAA4B;YAA5B,iGAAA,qBAAiB,0BAAW;;YC/BzC,8BAAyG;YAgErG,AAxBA,AAvCF,qFAAkB,+DAuCI,gEAwBb;YAgFX,iBAAM;;YAhJkD,AAApC,gDAAmC,mDAAiD;YACtG,cA8IC;YA9ID,0DA8IC;4BDpHS,YAAY;;iFAIX,4BAA4B;cAPxC,SAAS;6BACI,IAAI,YACN,0BAA0B,WAC3B,CAAC,YAAY,CAAC;;kBAMtB,KAAK;mBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;kBAUxB,KAAK;;kBAGL,KAAK;;kBAML,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAOL,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAOL,KAAK;;kBAQL,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAGL,MAAM;;kBAGN,MAAM;;kBAGN,MAAM;;kBAGN,MAAM;;kBAGN,MAAM;;kBAGN,MAAM;;kBAgCN,YAAY;mBAAC,gBAAgB;;kFAlHnB,4BAA4B","sourcesContent":["import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RealtimeConnectionState } from '../../services/realtime-session.service';\nimport { RealtimeUxDensity } from './realtime-disclosure';\n\n/**\n * The call overlay's UNIFIED APP-BAR (per Redesign A — `plans/realtime/mockups/redesign-a.html`):\n * ONE header that owns identity, state, and every session action.\n *\n *  - LEFT: the glowing agent orb (motion = turn-state), agent name + \"Co-Agent\" badge,\n *    \"speaking as\" subline (+ subtle realtime-model suffix), and the state pill that swaps\n *    between a waveform (speaking/listening) and a spinner (connecting/thinking).\n *  - RIGHT (live): STATE + WINDOW-CHROME only — the gear (level 2+, opens a popover hosting the\n *    Simple/Standard/Pro/Auto INTERFACE DENSITY control — the progressive-disclosure escape hatch,\n *    where Simple IS the pure-audio surface — plus the developer-links toggle) and Minimize (hide\n *    the call view, call stays live). Call actions (Mute / Captions / Details / Type / End) live in\n *    the bottom dock, the single home for each; Captions & End used to duplicate here and were\n *    removed, and the standalone pure-audio headphones was folded into the gear's Density = Simple.\n *  - RIGHT (review): \"Start live session\" (resume, affirmative leads) + Close — the\n *    review session's exit lives up here in the header bar, not floating in the body.\n *\n * Which controls render is decided by the OVERLAY (it owns the disclosure model) and\n * passed down as booleans — this component stays purely presentational.\n */\n@Component({\n  standalone: true,\n  selector: 'mj-realtime-agent-banner',\n  imports: [CommonModule],\n  templateUrl: './realtime-agent-banner.component.html',\n  styleUrl: './realtime-agent-banner.component.css'\n})\nexport class RealtimeAgentBannerComponent {\n  /** Current connection / turn state — drives the orb animation + state label. */\n  @Input({ required: true }) State!: RealtimeConnectionState;\n\n  /**\n   * COMPACT (orb/overlay) presentation: collapse the app-bar to a minimal identity + state\n   * row. The duplicate orb, the redundant state pill, and the headphones / gear / expand\n   * controls are dropped — the body already shows the big orb + name + state, and the lean\n   * bottom dock (Mute / End / •••) owns the session actions. Minimize stays reachable so the\n   * user can hide the call without ending it. Fed from the overlay's resolved `Ui.compact`.\n   * Default `false` (the full console banner is unchanged).\n   */\n  @Input() Compact = false;\n\n  /** Display name of the agent the voice session fronts (e.g. \"Sage\"). */\n  @Input() AgentName = 'the agent';\n\n  /**\n   * Display name of the realtime model the live session runs on (e.g. \"GPT Realtime 2\").\n   * Rendered as a subtle suffix in the identity line; hidden when null/empty.\n   */\n  @Input() ModelName: string | null = null;\n\n  /** Whether developer affordances (the \"Open session\" link) are revealed (gear-gated). */\n  @Input() DevMode = false;\n\n  /** ID of the server-side agent session record (`MJ: AI Agent Sessions`), when known. */\n  @Input() SessionID: string | null = null;\n\n  /**\n   * SESSION REVIEW presentation: the banner shows the past session's identity\n   * (review badge, started→closed range, close-reason chip) instead of live turn-state,\n   * and the action cluster swaps to Start-live + Close.\n   */\n  @Input() ReviewMode = false;\n\n  /** When reviewing: when the past session started (`__mj_CreatedAt`). */\n  @Input() ReviewStartedAt: Date | null = null;\n\n  /** When reviewing: when the past session closed (null while it is still open). */\n  @Input() ReviewClosedAt: Date | null = null;\n\n  /** When reviewing: why the past session closed (`Explicit` | `Janitor` | `Shutdown` | `Error`), when known. */\n  @Input() ReviewCloseReason: string | null = null;\n\n  // ── App-bar action cluster (disclosure-gated by the overlay) ────────────────\n  // STATE + WINDOW-CHROME only. Captions & End were removed (they duplicated the bottom dock's\n  // controls — one home per control), and \"pure audio\" was folded into the gear's Density = Simple.\n\n  /** Whether the gear (density escape hatch + dev toggle) renders (disclosure level 2+). */\n  @Input() ShowGear = false;\n\n  /**\n   * Whether the interface-density segmented control renders inside the gear popover.\n   * Default `true` (historical behaviour); a host may hide it via the overlay's\n   * `[ShowDensityPicker]` input. The gear itself (and its developer-links toggle) still\n   * renders when {@link ShowGear} is true even if the density picker is hidden.\n   */\n  @Input() ShowDensityPicker = true;\n\n  /** Whether the Minimize control renders (live sessions only). */\n  @Input() ShowMinimize = false;\n\n  /** The user's current interface-density override (selected state in the gear popover). */\n  @Input() Density: RealtimeUxDensity = 'auto';\n\n  /** Emitted with the session record's ID when the dev \"Open session\" link is clicked. */\n  @Output() OpenSessionRequested = new EventEmitter<string>();\n\n  /** Emitted when the user toggles developer links from the gear popover. */\n  @Output() DevModeToggled = new EventEmitter<boolean>();\n\n  /** Emitted when the user picks an interface density in the gear popover. */\n  @Output() DensityChanged = new EventEmitter<RealtimeUxDensity>();\n\n  /** Emitted when the user minimizes the call view (the call stays live). */\n  @Output() MinimizeRequested = new EventEmitter<void>();\n\n  /** Review only: the user asked to RESUME the reviewed session as a new live call. */\n  @Output() StartLiveRequested = new EventEmitter<void>();\n\n  /** Review only: the user asked to close the review and return to the conversation. */\n  @Output() CloseRequested = new EventEmitter<void>();\n\n  /** Whether the gear popover is open (closed by any outside click). */\n  public GearOpen = false;\n\n  /** The density choices the gear popover offers, in display order. */\n  public readonly Densities: ReadonlyArray<{ Key: RealtimeUxDensity; Label: string }> = [\n    { Key: 'simple', Label: 'Simple' },\n    { Key: 'standard', Label: 'Standard' },\n    { Key: 'pro', Label: 'Pro' },\n    { Key: 'auto', Label: 'Auto' }\n  ];\n\n  /** True when the dev \"Open session\" link should render (gear on + session id known). */\n  public get ShowOpenSession(): boolean {\n    return this.DevMode && !!this.SessionID;\n  }\n\n  /** Emits the open-session request for the live agent session record. */\n  public OpenSession(): void {\n    if (this.SessionID) {\n      this.OpenSessionRequested.emit(this.SessionID);\n    }\n  }\n\n  /** Opens/closes the gear popover (stops propagation so the outside-click close skips it). */\n  public ToggleGear(event: MouseEvent): void {\n    event.stopPropagation();\n    this.GearOpen = !this.GearOpen;\n  }\n\n  /** Any outside click closes the gear popover. */\n  @HostListener('document:click')\n  public OnDocumentClick(): void {\n    if (this.GearOpen) {\n      this.GearOpen = false;\n    }\n  }\n\n  /** Gear popover: pick an interface density (the overlay applies + persists it). */\n  public SelectDensity(density: RealtimeUxDensity): void {\n    this.DensityChanged.emit(density);\n  }\n\n  /** Gear popover: toggle developer links. */\n  public ToggleDev(): void {\n    this.DevMode = !this.DevMode;\n    this.DevModeToggled.emit(this.DevMode);\n  }\n\n  /** The review banner's \"started → closed\" time-range label (empty when the start is unknown). */\n  public get ReviewRangeLabel(): string {\n    if (!this.ReviewStartedAt) {\n      return '';\n    }\n    const start = this.formatStamp(this.ReviewStartedAt);\n    if (!this.ReviewClosedAt) {\n      return start;\n    }\n    return `${start} → ${this.formatStamp(this.ReviewClosedAt, this.ReviewStartedAt)}`;\n  }\n\n  /** Human label for the close-reason chip (empty hides the chip). */\n  public get ReviewCloseReasonLabel(): string {\n    switch (this.ReviewCloseReason) {\n      case 'Explicit': return 'Ended by user';\n      case 'Janitor': return 'Closed by janitor';\n      case 'Shutdown': return 'Closed at shutdown';\n      case 'Error': return 'Ended with error';\n      default: return '';\n    }\n  }\n\n  /** Compact date+time stamp; same-day end stamps drop the redundant date part. */\n  private formatStamp(date: Date, sameDayAs?: Date | null): string {\n    const time = date.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' }).toLowerCase();\n    if (sameDayAs && date.toDateString() === sameDayAs.toDateString()) {\n      return time;\n    }\n    return `${date.toLocaleDateString([], { month: 'short', day: 'numeric' })}, ${time}`;\n  }\n\n  /** Maps the realtime state to the orb's `data-state` (the orb only models active turn-states). */\n  public OrbState(state: RealtimeConnectionState): 'speaking' | 'listening' | 'thinking' {\n    switch (state) {\n      case 'speaking': return 'speaking';\n      case 'thinking': return 'thinking';\n      default: return 'listening';\n    }\n  }\n\n  /** Human-readable state label, agent-aware where it reads better. */\n  public StateLabel(state: RealtimeConnectionState): string {\n    switch (state) {\n      case 'connecting': return 'Connecting…';\n      case 'listening': return 'Listening';\n      case 'speaking': return `${this.AgentName} is speaking…`;\n      case 'thinking': return 'Working on it…';\n      case 'error': return 'Connection error';\n      case 'closed': return 'Call ended';\n      default: return '';\n    }\n  }\n\n  /** True while the state pill should show a spinner instead of the waveform. */\n  public IsBusy(state: RealtimeConnectionState): boolean {\n    return state === 'connecting' || state === 'thinking';\n  }\n}\n","<div class=\"banner\" [class.banner--review]=\"ReviewMode\" [class.banner--compact]=\"Compact && !ReviewMode\">\n  @if (ReviewMode) {\n    <!-- SESSION REVIEW: static orb · name · review badge · started→closed · close-reason chip,\n         with the review's exit actions up here in the header bar (Start live leads, Close trails). -->\n    <div class=\"agent-orb agent-orb--review\" aria-hidden=\"true\"></div>\n\n    <div class=\"banner__id\">\n      <span class=\"banner__name\">Voice for {{ AgentName }}</span>\n      <span class=\"pill pill--review\"><i class=\"fa-solid fa-clock-rotate-left\" aria-hidden=\"true\"></i> Session review</span>\n      @if (ReviewRangeLabel) {\n        <span class=\"banner__for banner__range\">{{ ReviewRangeLabel }}</span>\n      }\n      @if (ReviewCloseReasonLabel) {\n        <span class=\"pill pill--close-reason\" [title]=\"'Close reason: ' + ReviewCloseReason\">{{ ReviewCloseReasonLabel }}</span>\n      }\n      @if (ShowOpenSession) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenSession()\"\n                title=\"Open the agent session record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open session</span>\n        </button>\n      }\n    </div>\n\n    <div class=\"banner__state banner__state--review\">\n      <i class=\"fa-solid fa-box-archive\" aria-hidden=\"true\"></i>\n      <span class=\"banner__state-label banner__state-label--review\">Reviewing past session</span>\n    </div>\n\n    <div class=\"bar-actions\">\n      <button type=\"button\" class=\"start-live-pill\" (click)=\"StartLiveRequested.emit()\"\n              title=\"Resume this session as a new live call\">\n        <i class=\"fa-solid fa-phone\" aria-hidden=\"true\"></i>\n        <span>Start live session</span>\n      </button>\n      <button type=\"button\" class=\"iconb\" (click)=\"CloseRequested.emit()\"\n              title=\"Close review\" aria-label=\"Close session review\">\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n      </button>\n    </div>\n  } @else if (Compact) {\n    <!-- COMPACT (Calm Orb · overlay): a tiny identity + state row only. No duplicate orb,\n         no state pill, no headphones / gear / expand — the body shows the big orb + name +\n         state, and the lean dock owns the actions. Minimize stays reachable here. -->\n    <div class=\"banner__id banner__id--compact\">\n      <span class=\"banner__avatar\" aria-hidden=\"true\">{{ AgentName.charAt(0) }}</span>\n      <span class=\"banner__name banner__name--compact\">{{ AgentName }}</span>\n      <span class=\"banner__state-chip\">\n        @if (IsBusy(State)) {\n          <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i>\n        } @else {\n          <span class=\"banner__state-dot\" [attr.data-state]=\"OrbState(State)\" aria-hidden=\"true\"></span>\n        }\n        <span class=\"banner__state-chip-label\">{{ StateLabel(State) }}</span>\n      </span>\n    </div>\n\n    @if (ShowMinimize) {\n      <button type=\"button\" class=\"iconb banner__minimize--compact\" (click)=\"MinimizeRequested.emit()\"\n              title=\"Hide the call view — the call stays live\"\n              aria-label=\"Minimize the call view\">\n        <i class=\"fa-solid fa-minus\" aria-hidden=\"true\"></i>\n      </button>\n    }\n  } @else {\n    <div class=\"agent-orb\" [attr.data-state]=\"OrbState(State)\" aria-hidden=\"true\"></div>\n\n    <div class=\"banner__id\">\n      <span class=\"banner__name\">Voice for {{ AgentName }}</span>\n      <span class=\"pill pill--sage\"><i class=\"fa-solid fa-feather\" aria-hidden=\"true\"></i> Co-Agent</span>\n      <span class=\"banner__for\">speaking as <b>{{ AgentName }}</b></span>\n      @if (ModelName) {\n        <span class=\"banner__model\" [title]=\"'Realtime voice model: ' + ModelName\">· {{ ModelName }}</span>\n      }\n      @if (ShowOpenSession) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenSession()\"\n                title=\"Open the agent session record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open session</span>\n        </button>\n      }\n    </div>\n\n    <div class=\"banner__state\" [class.banner__state--busy]=\"IsBusy(State)\">\n      @if (IsBusy(State)) {\n        <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i>\n      } @else {\n        <div class=\"waveform\" [class.waveform--idle]=\"State !== 'speaking'\" aria-hidden=\"true\">\n          <span></span><span></span><span></span><span></span>\n          <span></span><span></span><span></span><span></span>\n        </div>\n      }\n      <span class=\"banner__state-label\">{{ StateLabel(State) }}</span>\n    </div>\n\n    <!-- Disclosure-gated app-bar action cluster: STATE + WINDOW-CHROME only. Call actions\n         (Mute / Captions / Details / Type / End) live in the bottom dock — the single home for\n         each control. Captions & End were removed from here (they were exact duplicates of the\n         dock's), and the standalone \"pure audio\" headphones was folded into the gear's Density =\n         Simple. What remains up here is non-duplicated chrome: the gear (density + dev links) and\n         Minimize. -->\n    <div class=\"bar-actions\">\n      @if (ShowGear) {\n        <button type=\"button\" class=\"iconb\" [class.iconb--on]=\"GearOpen || DevMode\"\n                (click)=\"ToggleGear($event)\"\n                title=\"Interface density &amp; developer links\"\n                [attr.aria-expanded]=\"GearOpen\">\n          <i class=\"fa-solid fa-gear\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      @if (ShowMinimize) {\n        <button type=\"button\" class=\"iconb\" (click)=\"MinimizeRequested.emit()\"\n                title=\"Hide the call view — the call stays live\"\n                aria-label=\"Minimize the call view\">\n          <i class=\"fa-solid fa-down-left-and-up-right-to-center\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </div>\n\n    <!-- Gear popover: interface density (the disclosure escape hatch) + developer links. -->\n    @if (GearOpen) {\n      <div class=\"gear-pop\" (click)=\"$event.stopPropagation()\" role=\"menu\" aria-label=\"Interface settings\">\n        <div class=\"gp-h\">Interface</div>\n        @if (ShowDensityPicker) {\n          <div class=\"gp-row\">\n            <span class=\"gp-l\">Density</span>\n            <div class=\"gp-seg\" role=\"radiogroup\" aria-label=\"Interface density\">\n              @for (d of Densities; track d.Key) {\n                <button type=\"button\" [class.on]=\"Density === d.Key\"\n                        (click)=\"SelectDensity(d.Key)\"\n                        [attr.aria-checked]=\"Density === d.Key\" role=\"radio\">{{ d.Label }}</button>\n              }\n            </div>\n          </div>\n          <div class=\"gp-note\">Simple returns to the pure-audio surface. Auto grows the console as you use it.</div>\n          <div class=\"gp-div\"></div>\n        }\n        <button type=\"button\" class=\"gp-link\" (click)=\"ToggleDev()\" [attr.aria-pressed]=\"DevMode\">\n          <i class=\"fa-solid\" [ngClass]=\"DevMode ? 'fa-toggle-on' : 'fa-toggle-off'\" aria-hidden=\"true\"></i>\n          Developer links {{ DevMode ? 'on' : 'off' }}\n        </button>\n      </div>\n    }\n  }\n</div>\n"]}

package/dist/lib/components/realtime/realtime-agent-picker.component.d.ts

@@ -21,6 +21,8 @@ export interface RealtimeAgentPick {
     PreferredVoice: string | null;
     /** Explicit co-agent id (`MJ: AI Agents.ID`, Realtime type), or `null` for the server's resolution chain. */
     CoAgentId: string | null;
+    /** Whether the user consented to recording this call (mic + agent audio). */
+    RecordingConsent: boolean;
 }
 /**
  * Compact anchored popover that lets the user choose WHICH agent a realtime
@@ -91,6 +93,12 @@ export declare class RealtimeAgentPickerComponent extends BaseAngularComponent i
     get SelectedModelVoices(): RealtimeVoiceOption[];
     /** The explicitly chosen co-agent id, or `null` for "Auto (recommended)" (the server's chain). */
     SelectedCoAgentId: string | null;
+    /**
+     * Whether the user has opted to record this call (mic + agent audio). Loaded from the
+     * per-user persisted preference (`mj.realtimeVoice.recordingConsent.v1`) on init and
+     * persisted cross-device on change. Defaults to off.
+     */
+    RecordingConsent: boolean;
     /**
      * Whether the current user holds the `Realtime: Advanced Session Controls`
      * authorization. Gates the voice-model selector (and any future config-override
@@ -109,6 +117,10 @@ export declare class RealtimeAgentPickerComponent extends BaseAngularComponent i
     /** True while the agent list is constrained to the selected co-agent's paired targets. */
     get IsConstrainedByPairings(): boolean;
     ngOnInit(): void;
+    /** Reads the per-user recording-consent preference (defensive: any failure → off). */
+    private readPersistedRecordingConsent;
+    /** Records + persists (cross-device, debounced) the user's recording-consent choice. */
+    OnRecordingConsentChange(checked: boolean): void;
     /**
      * Loads the "Voice model" options: active models whose type is `Realtime`, filtered from
      * {@link AIEngineBase}'s already-cached `Models` (provider-scoped engine instance, lazy

package/dist/lib/components/realtime/realtime-agent-picker.component.d.ts.map

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

package/dist/lib/components/realtime/realtime-agent-picker.component.js

@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Even
 import { MJButtonDirective } from '@memberjunction/ng-ui-components';
 import { UUIDsEqual } from '@memberjunction/global';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
+import { UserInfoEngine } from '@memberjunction/core-entities';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { REALTIME_ADVANCED_SESSION_CONTROLS, UserHoldsAuthorization } from '../../services/user-authorization';
 import { BuildRealtimeModelOptions, ConstrainTargetsToPairings, DefaultPairedTargetId, LoadCoAgentPairings, } from '../../services/realtime-pairing';
@@ -10,7 +11,7 @@ import * as i0 from "@angular/core";
 const _c0 = ["searchInput"];
 const _forTrack0 = ($index, $item) => $item.ID;
 function RealtimeAgentPickerComponent_Conditional_5_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 20);
+    i0.ɵɵelementStart(0, "option", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -21,17 +22,17 @@ function RealtimeAgentPickerComponent_Conditional_5_For_10_Template(rf, ctx) { i
 } }
 function RealtimeAgentPickerComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "label", 16);
-    i0.ɵɵelement(2, "i", 17);
+    i0.ɵɵelementStart(0, "div", 7)(1, "label", 23);
+    i0.ɵɵelement(2, "i", 24);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Co-agent");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "select", 18, 1);
+    i0.ɵɵelementStart(5, "select", 25, 1);
     i0.ɵɵlistener("change", function RealtimeAgentPickerComponent_Conditional_5_Template_select_change_5_listener() { i0.ɵɵrestoreView(_r2); const coAgentSelect_r3 = i0.ɵɵreference(6); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.OnCoAgentChange(coAgentSelect_r3.value)); });
-    i0.ɵɵelementStart(7, "option", 19);
+    i0.ɵɵelementStart(7, "option", 26);
     i0.ɵɵtext(8, "Auto (recommended)");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(9, RealtimeAgentPickerComponent_Conditional_5_For_10_Template, 2, 2, "option", 20, _forTrack0);
+    i0.ɵɵrepeaterCreate(9, RealtimeAgentPickerComponent_Conditional_5_For_10_Template, 2, 2, "option", 27, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
@@ -50,19 +51,19 @@ function RealtimeAgentPickerComponent_Conditional_11_Template(rf, ctx) { if (rf
     i0.ɵɵtextInterpolate(ctx_r3.IsConstrainedByPairings ? "No paired agents available" : "No matching agents");
 } }
 function RealtimeAgentPickerComponent_Conditional_12_For_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 24);
+    i0.ɵɵelementStart(0, "span", 31);
     i0.ɵɵtext(1, "default");
     i0.ɵɵelementEnd();
 } }
 function RealtimeAgentPickerComponent_Conditional_12_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵelementStart(0, "button", 29);
     i0.ɵɵlistener("click", function RealtimeAgentPickerComponent_Conditional_12_For_1_Template_button_click_0_listener() { const agent_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.Select(agent_r8)); })("dblclick", function RealtimeAgentPickerComponent_Conditional_12_For_1_Template_button_dblclick_0_listener() { const agent_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.Pick(agent_r8)); });
     i0.ɵɵelement(1, "i");
-    i0.ɵɵelementStart(2, "span", 23);
+    i0.ɵɵelementStart(2, "span", 30);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, RealtimeAgentPickerComponent_Conditional_12_For_1_Conditional_4_Template, 2, 0, "span", 24);
+    i0.ɵɵconditionalCreate(4, RealtimeAgentPickerComponent_Conditional_12_For_1_Conditional_4_Template, 2, 0, "span", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const agent_r8 = ctx.$implicit;
@@ -77,13 +78,13 @@ function RealtimeAgentPickerComponent_Conditional_12_For_1_Template(rf, ctx) { i
     i0.ɵɵconditional(ctx_r3.IsDefaultChoice(agent_r8) ? 4 : -1);
 } }
 function RealtimeAgentPickerComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, RealtimeAgentPickerComponent_Conditional_12_For_1_Template, 5, 7, "button", 21, _forTrack0);
+    i0.ɵɵrepeaterCreate(0, RealtimeAgentPickerComponent_Conditional_12_For_1_Template, 5, 7, "button", 28, _forTrack0);
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵrepeater(ctx_r3.FilteredAgents);
 } }
 function RealtimeAgentPickerComponent_Conditional_13_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 20);
+    i0.ɵɵelementStart(0, "option", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -93,7 +94,7 @@ function RealtimeAgentPickerComponent_Conditional_13_For_10_Template(rf, ctx) {
     i0.ɵɵtextInterpolate(model_r11.Name);
 } }
 function RealtimeAgentPickerComponent_Conditional_13_Conditional_11_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 20);
+    i0.ɵɵelementStart(0, "option", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -104,17 +105,17 @@ function RealtimeAgentPickerComponent_Conditional_13_Conditional_11_For_10_Templ
 } }
 function RealtimeAgentPickerComponent_Conditional_13_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25)(1, "label", 29);
-    i0.ɵɵelement(2, "i", 30);
+    i0.ɵɵelementStart(0, "div", 32)(1, "label", 36);
+    i0.ɵɵelement(2, "i", 37);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Voice");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "select", 31, 3);
+    i0.ɵɵelementStart(5, "select", 38, 3);
     i0.ɵɵlistener("change", function RealtimeAgentPickerComponent_Conditional_13_Conditional_11_Template_select_change_5_listener() { i0.ɵɵrestoreView(_r12); const voiceSelect_r13 = i0.ɵɵreference(6); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.OnVoiceChange(voiceSelect_r13.value)); });
-    i0.ɵɵelementStart(7, "option", 19);
+    i0.ɵɵelementStart(7, "option", 26);
     i0.ɵɵtext(8, "Default");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(9, RealtimeAgentPickerComponent_Conditional_13_Conditional_11_For_10_Template, 2, 2, "option", 20, _forTrack0);
+    i0.ɵɵrepeaterCreate(9, RealtimeAgentPickerComponent_Conditional_13_Conditional_11_For_10_Template, 2, 2, "option", 27, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(2);
@@ -125,19 +126,19 @@ function RealtimeAgentPickerComponent_Conditional_13_Conditional_11_Template(rf,
 } }
 function RealtimeAgentPickerComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25)(1, "label", 26);
-    i0.ɵɵelement(2, "i", 27);
+    i0.ɵɵelementStart(0, "div", 32)(1, "label", 33);
+    i0.ɵɵelement(2, "i", 34);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Voice model");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "select", 28, 2);
+    i0.ɵɵelementStart(5, "select", 35, 2);
     i0.ɵɵlistener("change", function RealtimeAgentPickerComponent_Conditional_13_Template_select_change_5_listener() { i0.ɵɵrestoreView(_r9); const modelSelect_r10 = i0.ɵɵreference(6); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.OnModelChange(modelSelect_r10.value)); });
-    i0.ɵɵelementStart(7, "option", 19);
+    i0.ɵɵelementStart(7, "option", 26);
     i0.ɵɵtext(8, "Auto (recommended)");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(9, RealtimeAgentPickerComponent_Conditional_13_For_10_Template, 2, 2, "option", 20, _forTrack0);
+    i0.ɵɵrepeaterCreate(9, RealtimeAgentPickerComponent_Conditional_13_For_10_Template, 2, 2, "option", 27, _forTrack0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(11, RealtimeAgentPickerComponent_Conditional_13_Conditional_11_Template, 11, 1, "div", 25);
+    i0.ɵɵconditionalCreate(11, RealtimeAgentPickerComponent_Conditional_13_Conditional_11_Template, 11, 1, "div", 32);
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵadvance(5);
@@ -147,6 +148,8 @@ function RealtimeAgentPickerComponent_Conditional_13_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r3.SelectedModelVoices.length ? 11 : -1);
 } }
+/** `MJ: User Settings` key for the per-user "record this call" consent toggle (string `'true'`/`'false'`). */
+const RECORDING_CONSENT_KEY = 'mj.realtimeVoice.recordingConsent.v1';
 /**
  * Compact anchored popover that lets the user choose WHICH agent a realtime
  * voice call should front — shown by {@link MessageInputComponent} when the
@@ -218,6 +221,12 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
     }
     /** The explicitly chosen co-agent id, or `null` for "Auto (recommended)" (the server's chain). */
     SelectedCoAgentId = null;
+    /**
+     * Whether the user has opted to record this call (mic + agent audio). Loaded from the
+     * per-user persisted preference (`mj.realtimeVoice.recordingConsent.v1`) on init and
+     * persisted cross-device on change. Defaults to off.
+     */
+    RecordingConsent = false;
     /**
      * Whether the current user holds the `Realtime: Advanced Session Controls`
      * authorization. Gates the voice-model selector (and any future config-override
@@ -254,6 +263,27 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
             this.SelectedCoAgentId = this.DefaultCoAgentId;
             void this.reloadPairings();
         }
+        this.RecordingConsent = this.readPersistedRecordingConsent();
+    }
+    /** Reads the per-user recording-consent preference (defensive: any failure → off). */
+    readPersistedRecordingConsent() {
+        try {
+            return UserInfoEngine.Instance.GetSetting(RECORDING_CONSENT_KEY) === 'true';
+        }
+        catch {
+            return false;
+        }
+    }
+    /** Records + persists (cross-device, debounced) the user's recording-consent choice. */
+    OnRecordingConsentChange(checked) {
+        this.RecordingConsent = checked;
+        try {
+            UserInfoEngine.Instance.SetSettingDebounced(RECORDING_CONSENT_KEY, String(checked));
+        }
+        catch (error) {
+            console.warn('[RealtimeAgentPicker] Failed to persist recording consent:', error);
+        }
+        this.cdr.markForCheck();
     }
     /**
      * Loads the "Voice model" options: active models whose type is `Realtime`, filtered from
@@ -444,7 +474,8 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
             Agent: agent,
             PreferredModelId: this.CanOverrideSessionConfig ? this.SelectedModelId : null,
             PreferredVoice: this.CanOverrideSessionConfig ? this.SelectedVoiceId : null,
-            CoAgentId: this.SelectedCoAgentId
+            CoAgentId: this.SelectedCoAgentId,
+            RecordingConsent: this.RecordingConsent
         };
     }
     isDefault(agent) {
@@ -461,7 +492,7 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchInput = _t.first);
         } }, hostBindings: function RealtimeAgentPickerComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("click", function RealtimeAgentPickerComponent_click_HostBindingHandler($event) { return ctx.OnDocumentClick($event); }, i0.ɵɵresolveDocument)("keydown.escape", function RealtimeAgentPickerComponent_keydown_escape_HostBindingHandler() { return ctx.OnEscape(); }, i0.ɵɵresolveDocument);
-        } }, inputs: { Agents: "Agents", DefaultAgentId: "DefaultAgentId", CoAgents: "CoAgents", DefaultCoAgentId: "DefaultCoAgentId" }, outputs: { AgentPicked: "AgentPicked", Cancelled: "Cancelled" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 5, consts: [["searchInput", ""], ["coAgentSelect", ""], ["modelSelect", ""], ["voiceSelect", ""], [1, "mj-voice-picker", 3, "click"], [1, "mj-voice-picker__header"], [1, "fa-solid", "fa-phone"], [1, "mj-voice-picker__select-row"], [1, "mj-voice-picker__search"], [1, "fa-solid", "fa-magnifying-glass"], ["type", "text", "placeholder", "Search agents", 3, "input", "keydown.enter", "keydown.arrowdown", "keydown.arrowup", "value"], [1, "mj-voice-picker__list"], [1, "mj-voice-picker__empty"], [1, "mj-voice-picker__footer"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click"], ["for", "mjVoiceCoAgentSelect", 1, "mj-voice-picker__select-label"], [1, "fa-solid", "fa-headset"], ["id", "mjVoiceCoAgentSelect", 1, "mj-voice-picker__select", 3, "change", "value"], ["value", ""], [3, "value"], ["type", "button", 1, "mj-voice-picker__item", 3, "mj-voice-picker__item--selected", "title"], ["type", "button", 1, "mj-voice-picker__item", 3, "click", "dblclick", "title"], [1, "mj-voice-picker__item-name"], [1, "mj-voice-picker__default-badge"], [1, "mj-voice-picker__select-row", "mj-voice-picker__select-row--model"], ["for", "mjVoiceModelSelect", 1, "mj-voice-picker__select-label"], [1, "fa-solid", "fa-microchip"], ["id", "mjVoiceModelSelect", 1, "mj-voice-picker__select", 3, "change", "value"], ["for", "mjVoiceVoiceSelect", 1, "mj-voice-picker__select-label"], [1, "fa-solid", "fa-waveform-lines"], ["id", "mjVoiceVoiceSelect", 1, "mj-voice-picker__select", 3, "change", "value"]], template: function RealtimeAgentPickerComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { Agents: "Agents", DefaultAgentId: "DefaultAgentId", CoAgents: "CoAgents", DefaultCoAgentId: "DefaultCoAgentId" }, outputs: { AgentPicked: "AgentPicked", Cancelled: "Cancelled" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 30, vars: 6, consts: [["searchInput", ""], ["coAgentSelect", ""], ["modelSelect", ""], ["voiceSelect", ""], [1, "mj-voice-picker", 3, "click"], [1, "mj-voice-picker__header"], [1, "fa-solid", "fa-phone"], [1, "mj-voice-picker__select-row"], [1, "mj-voice-picker__search"], [1, "fa-solid", "fa-magnifying-glass"], ["type", "text", "placeholder", "Search agents", 3, "input", "keydown.enter", "keydown.arrowdown", "keydown.arrowup", "value"], [1, "mj-voice-picker__list"], [1, "mj-voice-picker__empty"], [1, "mj-voice-picker__record-row"], [1, "mj-voice-picker__record-label"], [1, "fa-solid", "fa-microphone"], [1, "mj-voice-picker__record-copy"], [1, "mj-voice-picker__switch"], ["type", "checkbox", "aria-label", "Record this call (audio stored securely)", 3, "change", "checked"], [1, "mj-voice-picker__switch-track"], [1, "mj-voice-picker__footer"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click"], ["for", "mjRealtimeCoAgentSelect", 1, "mj-voice-picker__select-label"], [1, "fa-solid", "fa-headset"], ["id", "mjRealtimeCoAgentSelect", 1, "mj-voice-picker__select", 3, "change", "value"], ["value", ""], [3, "value"], ["type", "button", 1, "mj-voice-picker__item", 3, "mj-voice-picker__item--selected", "title"], ["type", "button", 1, "mj-voice-picker__item", 3, "click", "dblclick", "title"], [1, "mj-voice-picker__item-name"], [1, "mj-voice-picker__default-badge"], [1, "mj-voice-picker__select-row", "mj-voice-picker__select-row--model"], ["for", "mjRealtimeModelSelect", 1, "mj-voice-picker__select-label"], [1, "fa-solid", "fa-microchip"], ["id", "mjRealtimeModelSelect", 1, "mj-voice-picker__select", 3, "change", "value"], ["for", "mjRealtimeVoiceSelect", 1, "mj-voice-picker__select-label"], [1, "fa-solid", "fa-waveform-lines"], ["id", "mjRealtimeVoiceSelect", 1, "mj-voice-picker__select", 3, "change", "value"]], template: function RealtimeAgentPickerComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 4);
             i0.ɵɵlistener("click", function RealtimeAgentPickerComponent_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
@@ -480,14 +511,26 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
             i0.ɵɵconditionalCreate(11, RealtimeAgentPickerComponent_Conditional_11_Template, 2, 1, "div", 12)(12, RealtimeAgentPickerComponent_Conditional_12_Template, 2, 0);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(13, RealtimeAgentPickerComponent_Conditional_13_Template, 12, 2);
-            i0.ɵɵelementStart(14, "div", 13)(15, "button", 14);
-            i0.ɵɵlistener("click", function RealtimeAgentPickerComponent_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.StartCall()); });
-            i0.ɵɵelement(16, "i", 6);
-            i0.ɵɵtext(17, " Start ");
+            i0.ɵɵelementStart(14, "div", 13)(15, "span", 14);
+            i0.ɵɵelement(16, "i", 15);
+            i0.ɵɵelementStart(17, "span", 16);
+            i0.ɵɵtext(18, " Record this call ");
+            i0.ɵɵelementStart(19, "small");
+            i0.ɵɵtext(20, "Audio stored securely");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(21, "label", 17)(22, "input", 18);
+            i0.ɵɵlistener("change", function RealtimeAgentPickerComponent_Template_input_change_22_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnRecordingConsentChange($event.target.checked)); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "button", 15);
-            i0.ɵɵlistener("click", function RealtimeAgentPickerComponent_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.Cancel()); });
-            i0.ɵɵtext(19, "Cancel");
+            i0.ɵɵelement(23, "span", 19);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(24, "div", 20)(25, "button", 21);
+            i0.ɵɵlistener("click", function RealtimeAgentPickerComponent_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.StartCall()); });
+            i0.ɵɵelement(26, "i", 6);
+            i0.ɵɵtext(27, " Start ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(28, "button", 22);
+            i0.ɵɵlistener("click", function RealtimeAgentPickerComponent_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.Cancel()); });
+            i0.ɵɵtext(29, "Cancel");
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(5);
@@ -498,9 +541,11 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
             i0.ɵɵconditional(ctx.FilteredAgents.length === 0 ? 11 : 12);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.CanOverrideSessionConfig && ctx.Models.length > 0 ? 13 : -1);
-            i0.ɵɵadvance(2);
+            i0.ɵɵadvance(9);
+            i0.ɵɵproperty("checked", ctx.RecordingConsent);
+            i0.ɵɵadvance(3);
             i0.ɵɵproperty("disabled", !ctx.SelectedAgent);
-        } }, dependencies: [MJButtonDirective], styles: ["[_nghost-%COMP%] {\n            position: absolute;\n            bottom: calc(100% + 8px);\n            right: 8px;\n            z-index: 60;\n        }\n        .mj-voice-picker[_ngcontent-%COMP%] {\n            width: 300px;\n            display: flex; flex-direction: column;\n            background: var(--mj-bg-surface-elevated);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n            overflow: hidden;\n        }\n        .mj-voice-picker__header[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px;\n            padding: 10px 12px 8px;\n            font-size: 13px; font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n        .mj-voice-picker__header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n        .mj-voice-picker__search[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px;\n            margin: 0 12px 8px;\n            padding: 0 10px;\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: 6px;\n        }\n        .mj-voice-picker__search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 12px; color: var(--mj-text-muted); }\n        .mj-voice-picker__search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n            flex: 1; min-width: 0;\n            padding: 7px 0;\n            background: transparent; border: none; outline: none;\n            font-size: 13px; color: var(--mj-text-primary);\n        }\n        .mj-voice-picker__search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder { color: var(--mj-text-disabled); }\n        .mj-voice-picker__search[_ngcontent-%COMP%]:focus-within { border-color: var(--mj-border-focus); }\n        .mj-voice-picker__list[_ngcontent-%COMP%] {\n            max-height: 220px; overflow-y: auto;\n            border-top: 1px solid var(--mj-border-subtle);\n            border-bottom: 1px solid var(--mj-border-subtle);\n            padding: 4px 0;\n        }\n        .mj-voice-picker__item[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px; width: 100%;\n            padding: 7px 12px;\n            background: transparent; border: none; cursor: pointer;\n            color: var(--mj-text-primary); font-size: 13px; text-align: left;\n        }\n        .mj-voice-picker__item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { width: 16px; text-align: center; color: var(--mj-text-secondary); }\n        .mj-voice-picker__item[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n        .mj-voice-picker__item--selected[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n        }\n        .mj-voice-picker__item--selected[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n        .mj-voice-picker__item-name[_ngcontent-%COMP%] {\n            flex: 1; min-width: 0;\n            overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n        }\n        .mj-voice-picker__default-badge[_ngcontent-%COMP%] {\n            flex-shrink: 0;\n            padding: 1px 6px;\n            border-radius: 999px;\n            font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em;\n            color: var(--mj-brand-primary);\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n        }\n        .mj-voice-picker__empty[_ngcontent-%COMP%] {\n            padding: 12px; font-size: 12px; color: var(--mj-text-muted); text-align: center;\n        }\n        .mj-voice-picker__select-row[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px;\n            padding: 0 12px 8px;\n        }\n        .mj-voice-picker__select-row--model[_ngcontent-%COMP%] {\n            padding: 8px 12px 0;\n        }\n        .mj-voice-picker__select-label[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 6px;\n            flex-shrink: 0;\n            font-size: 12px; color: var(--mj-text-secondary);\n        }\n        .mj-voice-picker__select-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 11px; color: var(--mj-text-muted); }\n        .mj-voice-picker__select[_ngcontent-%COMP%] {\n            flex: 1; min-width: 0;\n            padding: 5px 8px;\n            font-size: 12px;\n            color: var(--mj-text-primary);\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: 6px;\n            outline: none;\n        }\n        .mj-voice-picker__select[_ngcontent-%COMP%]:focus { border-color: var(--mj-border-focus); }\n        .mj-voice-picker__footer[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px;\n            padding: 10px 12px;\n        }"], changeDetection: 0 });
+        } }, dependencies: [MJButtonDirective], styles: ["[_nghost-%COMP%] {\n            \n\n\n\n\n\n            display: block;\n            max-height: min(440px, calc(100vh - 24px));\n        }\n        .mj-voice-picker[_ngcontent-%COMP%] {\n            width: 300px;\n            max-width: calc(100vw - 24px);\n            display: flex; flex-direction: column;\n            \n\n\n            max-height: min(440px, calc(100vh - 120px));\n            background: var(--mj-bg-surface-elevated);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n            overflow: hidden;\n        }\n        .mj-voice-picker__header[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px;\n            padding: 10px 12px 8px;\n            font-size: 13px; font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n        .mj-voice-picker__header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n        .mj-voice-picker__search[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px;\n            margin: 0 12px 8px;\n            padding: 0 10px;\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: 6px;\n        }\n        .mj-voice-picker__search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 12px; color: var(--mj-text-muted); }\n        .mj-voice-picker__search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n            flex: 1; min-width: 0;\n            padding: 7px 0;\n            background: transparent; border: none; outline: none;\n            font-size: 13px; color: var(--mj-text-primary);\n        }\n        .mj-voice-picker__search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder { color: var(--mj-text-disabled); }\n        .mj-voice-picker__search[_ngcontent-%COMP%]:focus-within { border-color: var(--mj-border-focus); }\n        .mj-voice-picker__list[_ngcontent-%COMP%] {\n            \n\n\n\n\n            flex: 1 1 auto;\n            min-height: 0;\n            max-height: 220px; overflow-y: auto;\n            border-top: 1px solid var(--mj-border-subtle);\n            border-bottom: 1px solid var(--mj-border-subtle);\n            padding: 4px 0;\n        }\n        \n\n        .mj-voice-picker__header[_ngcontent-%COMP%], \n   .mj-voice-picker__search[_ngcontent-%COMP%], \n   .mj-voice-picker__select-row[_ngcontent-%COMP%], \n   .mj-voice-picker__record-row[_ngcontent-%COMP%], \n   .mj-voice-picker__footer[_ngcontent-%COMP%] { flex-shrink: 0; }\n        .mj-voice-picker__item[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px; width: 100%;\n            padding: 7px 12px;\n            background: transparent; border: none; cursor: pointer;\n            color: var(--mj-text-primary); font-size: 13px; text-align: left;\n        }\n        .mj-voice-picker__item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { width: 16px; text-align: center; color: var(--mj-text-secondary); }\n        .mj-voice-picker__item[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n        .mj-voice-picker__item--selected[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n        }\n        .mj-voice-picker__item--selected[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n        .mj-voice-picker__item-name[_ngcontent-%COMP%] {\n            flex: 1; min-width: 0;\n            overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n        }\n        .mj-voice-picker__default-badge[_ngcontent-%COMP%] {\n            flex-shrink: 0;\n            padding: 1px 6px;\n            border-radius: 999px;\n            font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em;\n            color: var(--mj-brand-primary);\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n        }\n        .mj-voice-picker__empty[_ngcontent-%COMP%] {\n            padding: 12px; font-size: 12px; color: var(--mj-text-muted); text-align: center;\n        }\n        .mj-voice-picker__select-row[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px;\n            padding: 0 12px 8px;\n        }\n        .mj-voice-picker__select-row--model[_ngcontent-%COMP%] {\n            padding: 8px 12px 0;\n        }\n        .mj-voice-picker__select-label[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 6px;\n            flex-shrink: 0;\n            font-size: 12px; color: var(--mj-text-secondary);\n        }\n        .mj-voice-picker__select-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 11px; color: var(--mj-text-muted); }\n        .mj-voice-picker__select[_ngcontent-%COMP%] {\n            flex: 1; min-width: 0;\n            padding: 5px 8px;\n            font-size: 12px;\n            color: var(--mj-text-primary);\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: 6px;\n            outline: none;\n        }\n        .mj-voice-picker__select[_ngcontent-%COMP%]:focus { border-color: var(--mj-border-focus); }\n        .mj-voice-picker__record-row[_ngcontent-%COMP%] {\n            display: flex; align-items: center; justify-content: space-between; gap: 10px;\n            margin: 10px 12px 2px;\n            padding: 10px 0 2px;\n            border-top: 1px solid var(--mj-border-subtle);\n        }\n        .mj-voice-picker__record-label[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px;\n            font-size: 12px; color: var(--mj-text-secondary);\n        }\n        .mj-voice-picker__record-label[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] { font-size: 12px; color: var(--mj-text-muted); }\n        .mj-voice-picker__record-copy[_ngcontent-%COMP%] { display: flex; flex-direction: column; line-height: 1.3; }\n        .mj-voice-picker__record-copy[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] { font-size: 10px; color: var(--mj-text-muted); }\n        .mj-voice-picker__switch[_ngcontent-%COMP%] { position: relative; flex-shrink: 0; display: inline-flex; cursor: pointer; }\n        .mj-voice-picker__switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n            position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer;\n        }\n        .mj-voice-picker__switch-track[_ngcontent-%COMP%] {\n            position: relative; width: 34px; height: 18px; border-radius: 999px;\n            background: var(--mj-border-strong); transition: background 150ms ease;\n        }\n        .mj-voice-picker__switch-track[_ngcontent-%COMP%]::after {\n            content: ''; position: absolute; top: 2px; left: 2px;\n            width: 14px; height: 14px; border-radius: 50%;\n            background: var(--mj-bg-surface); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\n            transition: transform 150ms ease;\n        }\n        .mj-voice-picker__switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked    + .mj-voice-picker__switch-track[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n        .mj-voice-picker__switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked    + .mj-voice-picker__switch-track[_ngcontent-%COMP%]::after { transform: translateX(16px); }\n        .mj-voice-picker__switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus-visible    + .mj-voice-picker__switch-track[_ngcontent-%COMP%] {\n            outline: 2px solid var(--mj-border-focus); outline-offset: 2px;\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .mj-voice-picker__switch-track[_ngcontent-%COMP%], .mj-voice-picker__switch-track[_ngcontent-%COMP%]::after { transition: none; }\n        }\n        .mj-voice-picker__footer[_ngcontent-%COMP%] {\n            display: flex; align-items: center; gap: 8px;\n            padding: 10px 12px;\n        }"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RealtimeAgentPickerComponent, [{
         type: Component,
@@ -512,13 +557,13 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
             </div>
             @if (ShowCoAgentSelect) {
                 <div class="mj-voice-picker__select-row">
-                    <label class="mj-voice-picker__select-label" for="mjVoiceCoAgentSelect">
+                    <label class="mj-voice-picker__select-label" for="mjRealtimeCoAgentSelect">
                         <i class="fa-solid fa-headset"></i>
                         <span>Co-agent</span>
                     </label>
                     <select
                         #coAgentSelect
-                        id="mjVoiceCoAgentSelect"
+                        id="mjRealtimeCoAgentSelect"
                         class="mj-voice-picker__select"
                         [value]="SelectedCoAgentId ?? ''"
                         (change)="OnCoAgentChange(coAgentSelect.value)">
@@ -564,13 +609,13 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
             </div>
             @if (CanOverrideSessionConfig && Models.length > 0) {
                 <div class="mj-voice-picker__select-row mj-voice-picker__select-row--model">
-                    <label class="mj-voice-picker__select-label" for="mjVoiceModelSelect">
+                    <label class="mj-voice-picker__select-label" for="mjRealtimeModelSelect">
                         <i class="fa-solid fa-microchip"></i>
                         <span>Voice model</span>
                     </label>
                     <select
                         #modelSelect
-                        id="mjVoiceModelSelect"
+                        id="mjRealtimeModelSelect"
                         class="mj-voice-picker__select"
                         [value]="SelectedModelId ?? ''"
                         (change)="OnModelChange(modelSelect.value)">
@@ -582,13 +627,13 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
                 </div>
                 @if (SelectedModelVoices.length) {
                     <div class="mj-voice-picker__select-row mj-voice-picker__select-row--model">
-                        <label class="mj-voice-picker__select-label" for="mjVoiceVoiceSelect">
+                        <label class="mj-voice-picker__select-label" for="mjRealtimeVoiceSelect">
                             <i class="fa-solid fa-waveform-lines"></i>
                             <span>Voice</span>
                         </label>
                         <select
                             #voiceSelect
-                            id="mjVoiceVoiceSelect"
+                            id="mjRealtimeVoiceSelect"
                             class="mj-voice-picker__select"
                             [value]="SelectedVoiceId ?? ''"
                             (change)="OnVoiceChange(voiceSelect.value)">
@@ -600,6 +645,23 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
                     </div>
                 }
             }
+            <div class="mj-voice-picker__record-row">
+                <span class="mj-voice-picker__record-label">
+                    <i class="fa-solid fa-microphone"></i>
+                    <span class="mj-voice-picker__record-copy">
+                        Record this call
+                        <small>Audio stored securely</small>
+                    </span>
+                </span>
+                <label class="mj-voice-picker__switch">
+                    <input
+                        type="checkbox"
+                        [checked]="RecordingConsent"
+                        (change)="OnRecordingConsentChange($any($event.target).checked)"
+                        aria-label="Record this call (audio stored securely)" />
+                    <span class="mj-voice-picker__switch-track"></span>
+                </label>
+            </div>
             <div class="mj-voice-picker__footer">
                 <button mjButton variant="primary" size="sm" [disabled]="!SelectedAgent" (click)="StartCall()">
                     <i class="fa-solid fa-phone"></i> Start
@@ -607,7 +669,7 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
                 <button mjButton variant="outline" size="sm" (click)="Cancel()">Cancel</button>
             </div>
         </div>
-    `, styles: ["\n        :host {\n            position: absolute;\n            bottom: calc(100% + 8px);\n            right: 8px;\n            z-index: 60;\n        }\n        .mj-voice-picker {\n            width: 300px;\n            display: flex; flex-direction: column;\n            background: var(--mj-bg-surface-elevated);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n            overflow: hidden;\n        }\n        .mj-voice-picker__header {\n            display: flex; align-items: center; gap: 8px;\n            padding: 10px 12px 8px;\n            font-size: 13px; font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n        .mj-voice-picker__header i { color: var(--mj-brand-primary); }\n        .mj-voice-picker__search {\n            display: flex; align-items: center; gap: 8px;\n            margin: 0 12px 8px;\n            padding: 0 10px;\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: 6px;\n        }\n        .mj-voice-picker__search i { font-size: 12px; color: var(--mj-text-muted); }\n        .mj-voice-picker__search input {\n            flex: 1; min-width: 0;\n            padding: 7px 0;\n            background: transparent; border: none; outline: none;\n            font-size: 13px; color: var(--mj-text-primary);\n        }\n        .mj-voice-picker__search input::placeholder { color: var(--mj-text-disabled); }\n        .mj-voice-picker__search:focus-within { border-color: var(--mj-border-focus); }\n        .mj-voice-picker__list {\n            max-height: 220px; overflow-y: auto;\n            border-top: 1px solid var(--mj-border-subtle);\n            border-bottom: 1px solid var(--mj-border-subtle);\n            padding: 4px 0;\n        }\n        .mj-voice-picker__item {\n            display: flex; align-items: center; gap: 8px; width: 100%;\n            padding: 7px 12px;\n            background: transparent; border: none; cursor: pointer;\n            color: var(--mj-text-primary); font-size: 13px; text-align: left;\n        }\n        .mj-voice-picker__item i { width: 16px; text-align: center; color: var(--mj-text-secondary); }\n        .mj-voice-picker__item:hover { background: var(--mj-bg-surface-hover); }\n        .mj-voice-picker__item--selected {\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n        }\n        .mj-voice-picker__item--selected i { color: var(--mj-brand-primary); }\n        .mj-voice-picker__item-name {\n            flex: 1; min-width: 0;\n            overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n        }\n        .mj-voice-picker__default-badge {\n            flex-shrink: 0;\n            padding: 1px 6px;\n            border-radius: 999px;\n            font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em;\n            color: var(--mj-brand-primary);\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n        }\n        .mj-voice-picker__empty {\n            padding: 12px; font-size: 12px; color: var(--mj-text-muted); text-align: center;\n        }\n        .mj-voice-picker__select-row {\n            display: flex; align-items: center; gap: 8px;\n            padding: 0 12px 8px;\n        }\n        .mj-voice-picker__select-row--model {\n            padding: 8px 12px 0;\n        }\n        .mj-voice-picker__select-label {\n            display: flex; align-items: center; gap: 6px;\n            flex-shrink: 0;\n            font-size: 12px; color: var(--mj-text-secondary);\n        }\n        .mj-voice-picker__select-label i { font-size: 11px; color: var(--mj-text-muted); }\n        .mj-voice-picker__select {\n            flex: 1; min-width: 0;\n            padding: 5px 8px;\n            font-size: 12px;\n            color: var(--mj-text-primary);\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: 6px;\n            outline: none;\n        }\n        .mj-voice-picker__select:focus { border-color: var(--mj-border-focus); }\n        .mj-voice-picker__footer {\n            display: flex; align-items: center; gap: 8px;\n            padding: 10px 12px;\n        }\n    "] }]
+    `, styles: ["\n        :host {\n            /* Rendered inside a body-level CDK connected overlay (see message-input) \u2014 CDK\n               owns the positioning + z-index, so the host is just a plain block. The height\n               cap keeps the popover from growing past the viewport; the agent list inside\n               scrolls when content exceeds it. CDK's push keeps it on-screen, and because\n               it lives at the body level it can never be clipped by the chat overlay border. */\n            display: block;\n            max-height: min(440px, calc(100vh - 24px));\n        }\n        .mj-voice-picker {\n            width: 300px;\n            max-width: calc(100vw - 24px);\n            display: flex; flex-direction: column;\n            /* Match the host cap so the inner flex column knows its bound and lets the agent\n               list ('mj-voice-picker__list') take the remaining space + scroll. */\n            max-height: min(440px, calc(100vh - 120px));\n            background: var(--mj-bg-surface-elevated);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n            overflow: hidden;\n        }\n        .mj-voice-picker__header {\n            display: flex; align-items: center; gap: 8px;\n            padding: 10px 12px 8px;\n            font-size: 13px; font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n        .mj-voice-picker__header i { color: var(--mj-brand-primary); }\n        .mj-voice-picker__search {\n            display: flex; align-items: center; gap: 8px;\n            margin: 0 12px 8px;\n            padding: 0 10px;\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: 6px;\n        }\n        .mj-voice-picker__search i { font-size: 12px; color: var(--mj-text-muted); }\n        .mj-voice-picker__search input {\n            flex: 1; min-width: 0;\n            padding: 7px 0;\n            background: transparent; border: none; outline: none;\n            font-size: 13px; color: var(--mj-text-primary);\n        }\n        .mj-voice-picker__search input::placeholder { color: var(--mj-text-disabled); }\n        .mj-voice-picker__search:focus-within { border-color: var(--mj-border-focus); }\n        .mj-voice-picker__list {\n            /* The agent list is the flexible region: it scrolls internally and gives way\n               first when the whole popup is capped to the overlay height. min-height:0 lets\n               it actually shrink inside the flex column; the 220px max keeps it tidy when\n               there's plenty of room. */\n            flex: 1 1 auto;\n            min-height: 0;\n            max-height: 220px; overflow-y: auto;\n            border-top: 1px solid var(--mj-border-subtle);\n            border-bottom: 1px solid var(--mj-border-subtle);\n            padding: 4px 0;\n        }\n        /* Keep the chrome around the list from collapsing when the popup is height-capped. */\n        .mj-voice-picker__header,\n        .mj-voice-picker__search,\n        .mj-voice-picker__select-row,\n        .mj-voice-picker__record-row,\n        .mj-voice-picker__footer { flex-shrink: 0; }\n        .mj-voice-picker__item {\n            display: flex; align-items: center; gap: 8px; width: 100%;\n            padding: 7px 12px;\n            background: transparent; border: none; cursor: pointer;\n            color: var(--mj-text-primary); font-size: 13px; text-align: left;\n        }\n        .mj-voice-picker__item i { width: 16px; text-align: center; color: var(--mj-text-secondary); }\n        .mj-voice-picker__item:hover { background: var(--mj-bg-surface-hover); }\n        .mj-voice-picker__item--selected {\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n        }\n        .mj-voice-picker__item--selected i { color: var(--mj-brand-primary); }\n        .mj-voice-picker__item-name {\n            flex: 1; min-width: 0;\n            overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n        }\n        .mj-voice-picker__default-badge {\n            flex-shrink: 0;\n            padding: 1px 6px;\n            border-radius: 999px;\n            font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em;\n            color: var(--mj-brand-primary);\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n        }\n        .mj-voice-picker__empty {\n            padding: 12px; font-size: 12px; color: var(--mj-text-muted); text-align: center;\n        }\n        .mj-voice-picker__select-row {\n            display: flex; align-items: center; gap: 8px;\n            padding: 0 12px 8px;\n        }\n        .mj-voice-picker__select-row--model {\n            padding: 8px 12px 0;\n        }\n        .mj-voice-picker__select-label {\n            display: flex; align-items: center; gap: 6px;\n            flex-shrink: 0;\n            font-size: 12px; color: var(--mj-text-secondary);\n        }\n        .mj-voice-picker__select-label i { font-size: 11px; color: var(--mj-text-muted); }\n        .mj-voice-picker__select {\n            flex: 1; min-width: 0;\n            padding: 5px 8px;\n            font-size: 12px;\n            color: var(--mj-text-primary);\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: 6px;\n            outline: none;\n        }\n        .mj-voice-picker__select:focus { border-color: var(--mj-border-focus); }\n        .mj-voice-picker__record-row {\n            display: flex; align-items: center; justify-content: space-between; gap: 10px;\n            margin: 10px 12px 2px;\n            padding: 10px 0 2px;\n            border-top: 1px solid var(--mj-border-subtle);\n        }\n        .mj-voice-picker__record-label {\n            display: flex; align-items: center; gap: 8px;\n            font-size: 12px; color: var(--mj-text-secondary);\n        }\n        .mj-voice-picker__record-label > i { font-size: 12px; color: var(--mj-text-muted); }\n        .mj-voice-picker__record-copy { display: flex; flex-direction: column; line-height: 1.3; }\n        .mj-voice-picker__record-copy small { font-size: 10px; color: var(--mj-text-muted); }\n        .mj-voice-picker__switch { position: relative; flex-shrink: 0; display: inline-flex; cursor: pointer; }\n        .mj-voice-picker__switch input {\n            position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer;\n        }\n        .mj-voice-picker__switch-track {\n            position: relative; width: 34px; height: 18px; border-radius: 999px;\n            background: var(--mj-border-strong); transition: background 150ms ease;\n        }\n        .mj-voice-picker__switch-track::after {\n            content: ''; position: absolute; top: 2px; left: 2px;\n            width: 14px; height: 14px; border-radius: 50%;\n            background: var(--mj-bg-surface); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\n            transition: transform 150ms ease;\n        }\n        .mj-voice-picker__switch input:checked + .mj-voice-picker__switch-track { background: var(--mj-brand-primary); }\n        .mj-voice-picker__switch input:checked + .mj-voice-picker__switch-track::after { transform: translateX(16px); }\n        .mj-voice-picker__switch input:focus-visible + .mj-voice-picker__switch-track {\n            outline: 2px solid var(--mj-border-focus); outline-offset: 2px;\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .mj-voice-picker__switch-track, .mj-voice-picker__switch-track::after { transition: none; }\n        }\n        .mj-voice-picker__footer {\n            display: flex; align-items: center; gap: 8px;\n            padding: 10px 12px;\n        }\n    "] }]
     }], null, { Agents: [{
             type: Input
         }], DefaultAgentId: [{
@@ -630,5 +692,5 @@ export class RealtimeAgentPickerComponent extends BaseAngularComponent {
             type: HostListener,
             args: ['document:keydown.escape']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RealtimeAgentPickerComponent, { className: "RealtimeAgentPickerComponent", filePath: "src/lib/components/realtime/realtime-agent-picker.component.ts", lineNumber: 294 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RealtimeAgentPickerComponent, { className: "RealtimeAgentPickerComponent", filePath: "src/lib/components/realtime/realtime-agent-picker.component.ts", lineNumber: 371 }); })();
 //# sourceMappingURL=realtime-agent-picker.component.js.map