@memberjunction/ng-conversations 5.40.2 → 5.41.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-agent-picker.component.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-agent-picker.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    Input,\n    OnInit,\n    Output,\n    ViewChild,\n    AfterViewInit,\n    inject,\n} from '@angular/core';\nimport type { MJAIAgentEntityExtended } from '@memberjunction/ai-core-plus';\nimport { MJButtonDirective } from '@memberjunction/ng-ui-components';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { AIEngineBase } from '@memberjunction/ai-engine-base';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { REALTIME_ADVANCED_SESSION_CONTROLS, UserHoldsAuthorization } from '../../services/user-authorization';\nimport {\n    BuildRealtimeModelOptions,\n    ConstrainTargetsToPairings,\n    DefaultPairedTargetId,\n    LoadCoAgentPairings,\n    RealtimeModelOption,\n    RealtimePairedAgentRow,\n} from '../../services/realtime-pairing';\n\n/**\n * The user's confirmed choice from the realtime picker: the agent to call, an optional\n * EXPLICIT realtime model (`null` = \"Auto (recommended)\", i.e. let the server pick —\n * always `null` for users without the `Realtime: Advanced Session Controls`\n * authorization, who never see the model selector), and an optional EXPLICIT co-agent\n * (`null` = the server's co-agent resolution chain).\n */\nexport interface RealtimeAgentPick {\n    /** The agent the voice call should front. */\n    Agent: MJAIAgentEntityExtended;\n    /** Explicit realtime model id, or `null` for the server's automatic selection. */\n    PreferredModelId: string | null;\n    /** Explicit co-agent id (`MJ: AI Agents.ID`, Realtime type), or `null` for the server's resolution chain. */\n    CoAgentId: string | null;\n}\n\n/**\n * Compact anchored popover that lets the user choose WHICH agent a realtime\n * voice call should front — shown by {@link MessageInputComponent} when the\n * phone button is clicked on a conversation with **no prior agent\n * participation** (new / empty conversation), and on demand via the caret\n * button next to the phone (any conversation), where it doubles as the way\n * to pick a specific **co-agent** (the Realtime-type agent that voices the\n * call) and — for authorized users — a specific **voice model**. The plain\n * phone click on an existing conversation keeps its friction-free \"call the\n * resolved agent immediately\" behavior.\n *\n * Mostly dumb: the host supplies the agent list (the same cached set the\n * @mention autocomplete / routing logic uses), the Realtime-type co-agent\n * candidates (filtered from that same set), and the defaults to preselect;\n * the picker emits the user's choice. The data it loads itself:\n * - the compact \"Voice model\" option list (active Realtime models via a\n *   narrow RunView) — loaded and rendered ONLY when the current user holds\n *   the `Realtime: Advanced Session Controls` authorization (pure UX\n *   disclosure; the server enforces the authorization on the mint), and\n * - the chosen co-agent's pairing rows (`MJ: AI Agent Co Agents`, Active 'CoAgent'-type rows): a\n *   co-agent with pairing rows may only front its paired targets, so the\n *   agent list constrains to those rows (Sequence order) with the IsDefault\n *   row preselected; a co-agent with zero rows is universal and the list is\n *   untouched.\n *\n * It does NOT persist anything (the host persists the co-agent preference\n * via `UserInfoEngine`; `mj-conversation-agent-picker` pins\n * `MJConversationEntity.DefaultAgentID` — different jobs, which is why this\n * is a separate component).\n *\n * Anchors itself bottom-right above the composer — the host's\n * `.message-input-wrapper` is `position: relative`.\n */\n@Component({\n    standalone: true,\n    selector: 'mj-realtime-agent-picker',\n    imports: [MJButtonDirective],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        <div class=\"mj-voice-picker\" (click)=\"$event.stopPropagation()\">\n            <div class=\"mj-voice-picker__header\">\n                <i class=\"fa-solid fa-phone\"></i>\n                <span>Start a voice call with…</span>\n            </div>\n            @if (ShowCoAgentSelect) {\n                <div class=\"mj-voice-picker__select-row\">\n                    <label class=\"mj-voice-picker__select-label\" for=\"mjVoiceCoAgentSelect\">\n                        <i class=\"fa-solid fa-headset\"></i>\n                        <span>Co-agent</span>\n                    </label>\n                    <select\n                        #coAgentSelect\n                        id=\"mjVoiceCoAgentSelect\"\n                        class=\"mj-voice-picker__select\"\n                        [value]=\"SelectedCoAgentId ?? ''\"\n                        (change)=\"OnCoAgentChange(coAgentSelect.value)\">\n                        <option value=\"\">Auto (recommended)</option>\n                        @for (coAgent of CoAgents; track coAgent.ID) {\n                            <option [value]=\"coAgent.ID\">{{ coAgent.Name }}</option>\n                        }\n                    </select>\n                </div>\n            }\n            <div class=\"mj-voice-picker__search\">\n                <i class=\"fa-solid fa-magnifying-glass\"></i>\n                <input\n                    #searchInput\n                    type=\"text\"\n                    placeholder=\"Search agents\"\n                    [value]=\"SearchText\"\n                    (input)=\"OnSearchInput(searchInput.value)\"\n                    (keydown.enter)=\"StartCall()\"\n                    (keydown.arrowdown)=\"MoveSelection(1); $event.preventDefault()\"\n                    (keydown.arrowup)=\"MoveSelection(-1); $event.preventDefault()\" />\n            </div>\n            <div class=\"mj-voice-picker__list\">\n                @if (FilteredAgents.length === 0) {\n                    <div class=\"mj-voice-picker__empty\">{{ IsConstrainedByPairings ? 'No paired agents available' : 'No matching agents' }}</div>\n                } @else {\n                    @for (agent of FilteredAgents; track agent.ID) {\n                        <button\n                            type=\"button\"\n                            class=\"mj-voice-picker__item\"\n                            [class.mj-voice-picker__item--selected]=\"IsSelected(agent)\"\n                            [title]=\"agent.Description || agent.Name\"\n                            (click)=\"Select(agent)\"\n                            (dblclick)=\"Pick(agent)\">\n                            <i [class]=\"IconClassFor(agent)\"></i>\n                            <span class=\"mj-voice-picker__item-name\">{{ agent.Name }}</span>\n                            @if (IsDefaultChoice(agent)) {\n                                <span class=\"mj-voice-picker__default-badge\">default</span>\n                            }\n                        </button>\n                    }\n                }\n            </div>\n            @if (CanOverrideSessionConfig && Models.length > 0) {\n                <div class=\"mj-voice-picker__select-row mj-voice-picker__select-row--model\">\n                    <label class=\"mj-voice-picker__select-label\" for=\"mjVoiceModelSelect\">\n                        <i class=\"fa-solid fa-microchip\"></i>\n                        <span>Voice model</span>\n                    </label>\n                    <select\n                        #modelSelect\n                        id=\"mjVoiceModelSelect\"\n                        class=\"mj-voice-picker__select\"\n                        [value]=\"SelectedModelId ?? ''\"\n                        (change)=\"OnModelChange(modelSelect.value)\">\n                        <option value=\"\">Auto (recommended)</option>\n                        @for (model of Models; track model.ID) {\n                            <option [value]=\"model.ID\">{{ model.Name }}</option>\n                        }\n                    </select>\n                </div>\n            }\n            <div class=\"mj-voice-picker__footer\">\n                <button mjButton variant=\"primary\" size=\"sm\" [disabled]=\"!SelectedAgent\" (click)=\"StartCall()\">\n                    <i class=\"fa-solid fa-phone\"></i> Start\n                </button>\n                <button mjButton variant=\"outline\" size=\"sm\" (click)=\"Cancel()\">Cancel</button>\n            </div>\n        </div>\n    `,\n    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    `]\n})\nexport class RealtimeAgentPickerComponent extends BaseAngularComponent implements OnInit, AfterViewInit {\n    /** Agents the user can call — same cached set the @mention / routing logic uses. */\n    @Input() Agents: MJAIAgentEntityExtended[] = [];\n\n    /** The agent the default resolution would pick — preselected and listed first. */\n    @Input() DefaultAgentId: string | null = null;\n\n    /**\n     * The ACTIVE Realtime-type co-agent candidates the user can run (host-filtered from\n     * the same cached, run-permission-filtered agent set as {@link Agents}). The co-agent\n     * selector renders only when MORE THAN ONE candidate exists — with zero or one\n     * there's nothing meaningful to choose and the server's resolution chain applies.\n     */\n    @Input() CoAgents: MJAIAgentEntityExtended[] = [];\n\n    /**\n     * The user's persisted co-agent preference (host-loaded via `UserInfoEngine`) —\n     * preselected in the co-agent selector when it's still a valid candidate.\n     */\n    @Input() DefaultCoAgentId: string | null = null;\n\n    /** Emitted with the chosen agent + optional explicit voice model / co-agent when the user confirms. */\n    @Output() AgentPicked = new EventEmitter<RealtimeAgentPick>();\n\n    /** Emitted when the user dismisses without starting a call. */\n    @Output() Cancelled = new EventEmitter<void>();\n\n    @ViewChild('searchInput') private searchInput?: ElementRef<HTMLInputElement>;\n\n    public SearchText = '';\n    public SelectedAgentId: string | null = null;\n\n    /** Active Realtime models the model selector offers (loaded only for authorized users). */\n    public Models: RealtimeModelOption[] = [];\n\n    /** The explicitly chosen voice model id, or `null` for \"Auto (recommended)\" (the default). */\n    public SelectedModelId: string | null = null;\n\n    /** The explicitly chosen co-agent id, or `null` for \"Auto (recommended)\" (the server's chain). */\n    public SelectedCoAgentId: string | null = null;\n\n    /**\n     * Whether the current user holds the `Realtime: Advanced Session Controls`\n     * authorization. Gates the voice-model selector (and any future config-override\n     * controls) — pure disclosure; the server enforces the authorization on the mint.\n     */\n    public CanOverrideSessionConfig = false;\n\n    /** The selected co-agent's pairing rows; empty = universal co-agent (no constraint). */\n    public Pairings: RealtimePairedAgentRow[] = [];\n\n    // Template helper — expose the shared UUID comparator to the view.\n    public readonly UUIDsEqual = UUIDsEqual;\n\n    private readonly cdr = inject(ChangeDetectorRef);\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    /** Monotonic guard so a stale pairing load can't clobber a newer co-agent choice. */\n    private pairingLoadToken = 0;\n\n    /** Co-agent selector visibility: only when there is a real choice to make. */\n    public get ShowCoAgentSelect(): boolean {\n        return this.CoAgents.length > 1;\n    }\n\n    /** True while the agent list is constrained to the selected co-agent's paired targets. */\n    public get IsConstrainedByPairings(): boolean {\n        return this.Pairings.length > 0;\n    }\n\n    public ngOnInit(): void {\n        const initial = this.DefaultAgentId && this.findAgent(this.DefaultAgentId)\n            ? this.DefaultAgentId\n            : this.FilteredAgents[0]?.ID ?? null;\n        this.SelectedAgentId = initial;\n        this.CanOverrideSessionConfig = UserHoldsAuthorization(\n            this.ProviderToUse?.CurrentUser,\n            REALTIME_ADVANCED_SESSION_CONTROLS,\n            this.ProviderToUse\n        );\n        if (this.CanOverrideSessionConfig) {\n            void this.loadVoiceModels();\n        }\n        // Preselect the persisted co-agent preference when it's still a valid candidate.\n        if (this.DefaultCoAgentId && this.CoAgents.some(a => UUIDsEqual(a.ID, this.DefaultCoAgentId))) {\n            this.SelectedCoAgentId = this.DefaultCoAgentId;\n            void this.reloadPairings();\n        }\n    }\n\n    /**\n     * Loads the \"Voice model\" options: active models whose type is `Realtime`, filtered from\n     * {@link AIEngineBase}'s already-cached `Models` (provider-scoped engine instance, lazy\n     * `Config` — no RunView round-trip). Called ONLY for users who hold the\n     * advanced-session-controls authorization. Tolerant — a failure simply leaves\n     * the selector hidden (the server's automatic selection still applies).\n     */\n    private async loadVoiceModels(): Promise<void> {\n        try {\n            const engine = AIEngineBase.GetProviderInstance<AIEngineBase>(this.ProviderToUse, AIEngineBase) as AIEngineBase;\n            await engine.Config(false, undefined, this.ProviderToUse);\n            this.Models = BuildRealtimeModelOptions(engine.Models ?? []);\n        } catch (error) {\n            console.error('[RealtimeAgentPicker] Failed to load realtime models:', error);\n            this.Models = [];\n        }\n        this.cdr.markForCheck();\n    }\n\n    /** Records the voice-model choice (`''` = Auto → `null`). */\n    public OnModelChange(value: string): void {\n        this.SelectedModelId = value && value.length > 0 ? value : null;\n        this.cdr.markForCheck();\n    }\n\n    /** Records the co-agent choice (`''` = Auto → `null`) and refreshes the pairing constraint. */\n    public OnCoAgentChange(value: string): void {\n        this.SelectedCoAgentId = value && value.length > 0 ? value : null;\n        void this.reloadPairings();\n    }\n\n    /**\n     * Loads the selected co-agent's pairing rows and re-applies the target constraint:\n     * with rows present, the agent list narrows to the paired targets (Sequence order)\n     * and the IsDefault row's target is preselected; with zero rows (or Auto co-agent)\n     * the list returns to the unconstrained default. Guarded against stale loads when\n     * the user changes co-agents quickly.\n     */\n    private async reloadPairings(): Promise<void> {\n        const token = ++this.pairingLoadToken;\n        const coAgentId = this.SelectedCoAgentId;\n        const pairings = coAgentId ? await LoadCoAgentPairings(this.ProviderToUse, coAgentId) : [];\n        if (token !== this.pairingLoadToken) {\n            return; // a newer co-agent choice superseded this load\n        }\n        this.Pairings = pairings;\n        this.ensureSelectionVisible();\n        this.cdr.markForCheck();\n    }\n\n    /**\n     * Keeps the target selection coherent after the visible list changes: prefers the\n     * pairing default (when constrained), then the host default, then keeps the current\n     * selection when still visible, then the first visible row.\n     */\n    private ensureSelectionVisible(): void {\n        const visible = this.FilteredAgents;\n        if (this.IsConstrainedByPairings) {\n            const pairedDefault = DefaultPairedTargetId(this.Pairings);\n            if (pairedDefault && visible.some(a => UUIDsEqual(a.ID, pairedDefault))) {\n                this.SelectedAgentId = pairedDefault;\n                return;\n            }\n        }\n        if (this.SelectedAgentId && visible.some(a => UUIDsEqual(a.ID, this.SelectedAgentId))) {\n            return; // current selection still valid\n        }\n        if (this.DefaultAgentId && visible.some(a => UUIDsEqual(a.ID, this.DefaultAgentId))) {\n            this.SelectedAgentId = this.DefaultAgentId;\n            return;\n        }\n        this.SelectedAgentId = visible[0]?.ID ?? null;\n    }\n\n    public ngAfterViewInit(): void {\n        // Microtask so focus lands after the popover renders without\n        // triggering ExpressionChangedAfterItHasBeenChecked.\n        Promise.resolve().then(() => this.searchInput?.nativeElement.focus());\n    }\n\n    /**\n     * The visible target list: pairing-constrained first (a co-agent WITH pairing rows may\n     * only front its paired targets, kept in pairing Sequence order), then search-filtered.\n     * Unconstrained lists keep the default-first + alphabetical ordering.\n     */\n    public get FilteredAgents(): MJAIAgentEntityExtended[] {\n        const base = ConstrainTargetsToPairings(this.Agents, this.Pairings);\n        const needle = this.SearchText.trim().toLowerCase();\n        const filtered = base.filter(a => !needle || (a.Name ?? '').toLowerCase().includes(needle));\n        if (this.IsConstrainedByPairings) {\n            return filtered; // pairing Sequence order is the canonical order\n        }\n        return filtered.sort((a, b) => {\n            const aDefault = this.isDefault(a) ? 0 : 1;\n            const bDefault = this.isDefault(b) ? 0 : 1;\n            if (aDefault !== bDefault) return aDefault - bDefault;\n            return (a.Name ?? '').localeCompare(b.Name ?? '');\n        });\n    }\n\n    public get SelectedAgent(): MJAIAgentEntityExtended | null {\n        return this.SelectedAgentId ? this.findAgent(this.SelectedAgentId) : null;\n    }\n\n    public IsSelected(agent: MJAIAgentEntityExtended): boolean {\n        return !!this.SelectedAgentId && UUIDsEqual(agent.ID, this.SelectedAgentId);\n    }\n\n    /**\n     * Whether `agent` carries the \"default\" badge: under a pairing constraint that's the\n     * co-agent's IsDefault target; otherwise the host-resolved default agent.\n     */\n    public IsDefaultChoice(agent: MJAIAgentEntityExtended): boolean {\n        if (this.IsConstrainedByPairings) {\n            const pairedDefault = DefaultPairedTargetId(this.Pairings);\n            return !!pairedDefault && UUIDsEqual(agent.ID, pairedDefault);\n        }\n        return this.isDefault(agent);\n    }\n\n    public IconClassFor(agent: MJAIAgentEntityExtended): string {\n        return agent.IconClass?.trim() || 'fa-solid fa-robot';\n    }\n\n    public OnSearchInput(value: string): void {\n        this.SearchText = value;\n        // Keep the selection on a visible row.\n        const visible = this.FilteredAgents;\n        if (!visible.some(a => this.IsSelected(a))) {\n            this.SelectedAgentId = visible[0]?.ID ?? null;\n        }\n        this.cdr.markForCheck();\n    }\n\n    /** Arrow-key navigation through the filtered list. */\n    public MoveSelection(delta: number): void {\n        const visible = this.FilteredAgents;\n        if (visible.length === 0) return;\n        const currentIndex = visible.findIndex(a => this.IsSelected(a));\n        const nextIndex = currentIndex < 0\n            ? 0\n            : Math.min(visible.length - 1, Math.max(0, currentIndex + delta));\n        this.SelectedAgentId = visible[nextIndex].ID;\n        this.cdr.markForCheck();\n    }\n\n    public Select(agent: MJAIAgentEntityExtended): void {\n        this.SelectedAgentId = agent.ID;\n        this.cdr.markForCheck();\n    }\n\n    /** Confirm a specific agent immediately (double-click shortcut). */\n    public Pick(agent: MJAIAgentEntityExtended): void {\n        this.AgentPicked.emit(this.buildPick(agent));\n    }\n\n    public StartCall(): void {\n        const agent = this.SelectedAgent;\n        if (agent) {\n            this.AgentPicked.emit(this.buildPick(agent));\n        }\n    }\n\n    public Cancel(): void {\n        this.Cancelled.emit();\n    }\n\n    /** Dismiss when the user clicks anywhere outside the popover. (The phone\n     *  button that opens it stops propagation, so the opening click never\n     *  reaches this handler.) */\n    @HostListener('document:click', ['$event'])\n    public OnDocumentClick(event: MouseEvent): void {\n        if (!this.elementRef.nativeElement.contains(event.target as Node)) {\n            this.Cancelled.emit();\n        }\n    }\n\n    @HostListener('document:keydown.escape')\n    public OnEscape(): void {\n        this.Cancelled.emit();\n    }\n\n    /**\n     * Assembles the emitted pick. The model preference is hard-gated on the\n     * authorization here (defense in depth — unauthorized users never see the selector,\n     * so `SelectedModelId` should already be null).\n     */\n    private buildPick(agent: MJAIAgentEntityExtended): RealtimeAgentPick {\n        return {\n            Agent: agent,\n            PreferredModelId: this.CanOverrideSessionConfig ? this.SelectedModelId : null,\n            CoAgentId: this.SelectedCoAgentId\n        };\n    }\n\n    private isDefault(agent: MJAIAgentEntityExtended): boolean {\n        return !!this.DefaultAgentId && UUIDsEqual(agent.ID, this.DefaultAgentId);\n    }\n\n    private findAgent(id: string): MJAIAgentEntityExtended | null {\n        return this.Agents.find(a => UUIDsEqual(a.ID, id)) ?? null;\n    }\n}\n"]}

package/dist/lib/components/realtime/realtime-audio-visuals.d.ts

@@ -0,0 +1,97 @@
+import { RealtimeAudioActivity } from '@memberjunction/ai-realtime-client';
+/**
+ * @fileoverview AUDIO-REACTIVE VISUAL SMOOTHING for the call overlay — the framework-free
+ * math between raw per-frame {@link RealtimeAudioActivity} samples and the CSS variables
+ * that make the hero orb vibrate like a speaker cone and the EQ render a true spectrum.
+ *
+ * Raw analyser levels are jittery; rendering them directly strobes. This module applies:
+ *  - **Attack/decay envelope smoothing** ({@link SmoothLevel}) — fast attack so speech
+ *    onset feels instant, slow decay so the cone "rings down" instead of snapping shut.
+ *  - **Direction resolution with hysteresis** — who is audibly speaking (`agent` / `user` /
+ *    `none`) with a presence floor and a hold window, so the direction color never
+ *    flickers across syllable gaps.
+ *
+ * Owned by the overlay's requestAnimationFrame loop (outside Angular); kept pure so every
+ * rule unit-tests without Web Audio or a browser clock.
+ */
+/** Who is audibly speaking right now (drives the orb/EQ direction color). */
+export type RealtimeVoiceDirection = 'agent' | 'user' | 'none';
+/** One smoothed, render-ready visual frame. */
+export interface RealtimeAudioVisualFrame {
+    /** Smoothed agent-output level, 0..1. */
+    OutputLevel: number;
+    /** Smoothed user-mic level, 0..1. */
+    InputLevel: number;
+    /** Smoothed spectrum bins (length {@link AUDIO_VISUAL_BIN_COUNT}) of the dominant direction. */
+    Bins: number[];
+    /** Resolved speaking direction (hysteresis-stable). */
+    Direction: RealtimeVoiceDirection;
+}
+/** Number of EQ bars the hero renders (matches the meter's bin count). */
+export declare const AUDIO_VISUAL_BIN_COUNT = 9;
+/** Levels below this are treated as silence for direction purposes. */
+export declare const AUDIO_PRESENCE_FLOOR = 0.045;
+/** How long a direction is HELD after its audio drops below the floor (syllable-gap proofing). */
+export declare const AUDIO_DIRECTION_HOLD_MS = 280;
+/** The factor by which the other side must dominate to steal the direction mid-speech. */
+export declare const AUDIO_DIRECTION_STEAL_FACTOR = 1.15;
+/**
+ * NOISE GATES (per direction): raw analyser levels at/below the gate render as TRUE
+ * silence — without this, an idle microphone's room-noise/auto-gain floor keeps the EQ
+ * dancing and the direction stuck on "user" while nobody is speaking. The mic gate sits
+ * a touch above the output gate (playback silence is actual zero; mic silence isn't), but
+ * NOT so high it swallows normal speech: 0.08 over-gated — typical Mac-mic normalized speech
+ * peaks well under it, so the meter read silence the whole time the user was talking. 0.045
+ * (≈ the presence floor) suppresses idle room-noise while letting real speech drive the EQ.
+ */
+export declare const AUDIO_OUTPUT_NOISE_GATE = 0.03;
+export declare const AUDIO_INPUT_NOISE_GATE = 0.045;
+/**
+ * Soft-knee noise gate: at/below `gate` → 0; above it the remaining range rescales to
+ * 0..1 (so the gate never visibly "clips" the bottom off real speech). Pure.
+ */
+export declare function GateLevel(level: number, gate: number): number;
+/**
+ * One smoothing step: fast attack (speech onset reads instantly), slow decay (the level
+ * rings down like a speaker cone instead of snapping). Pure.
+ */
+export declare function SmoothLevel(previous: number, next: number, attack?: number, decay?: number): number;
+/**
+ * Per-overlay smoothing state machine. Feed it one raw {@link RealtimeAudioActivity}
+ * sample per animation frame via {@link Next}; render the returned frame. `null` in →
+ * `null` out (the driver attached no meters — the host keeps turn-state visuals).
+ */
+export declare class RealtimeAudioVisualSmoother {
+    private outputLevel;
+    private inputLevel;
+    private bins;
+    private direction;
+    /** Last time (ms) the current direction's level was at/above the presence floor. */
+    private directionHeldAt;
+    /** Resets all smoothing state (call between sessions). */
+    Reset(): void;
+    /**
+     * Advances the smoother with one raw sample.
+     * @param raw The client's current audio activity (`null` = no metering capability).
+     * @param nowMs A monotonic clock reading (e.g. `performance.now()`).
+     * @returns The render-ready frame, or `null` when un-metered.
+     */
+    Next(raw: RealtimeAudioActivity | null, nowMs: number): RealtimeAudioVisualFrame | null;
+    /**
+     * The spectrum follows whichever direction is louder (falling back to whichever
+     * exists) — but a side whose GATED level is silence contributes no spectrum at all:
+     * an idle mic's room-noise bins must not keep the EQ dancing.
+     */
+    private pickRawBins;
+    private smoothBins;
+    /**
+     * Direction rules (hysteresis):
+     *  - silence adopts nothing; speech from silence adopts the louder side immediately;
+     *  - a live direction RENEWS its hold while at/above the presence floor;
+     *  - the other side steals the direction only by dominating ({@link AUDIO_DIRECTION_STEAL_FACTOR});
+     *  - a direction releases to `none` only after {@link AUDIO_DIRECTION_HOLD_MS} of silence —
+     *    syllable gaps never flicker the color.
+     */
+    private resolveDirection;
+}
+//# sourceMappingURL=realtime-audio-visuals.d.ts.map

package/dist/lib/components/realtime/realtime-audio-visuals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-audio-visuals.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-audio-visuals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3E;;;;;;;;;;;;;;GAcG;AAEH,6EAA6E;AAC7E,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/D,+CAA+C;AAC/C,MAAM,WAAW,wBAAwB;IACvC,yCAAyC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,gGAAgG;IAChG,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,uDAAuD;IACvD,SAAS,EAAE,sBAAsB,CAAC;CACnC;AAED,0EAA0E;AAC1E,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAE1C,kGAAkG;AAClG,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,0FAA0F;AAC1F,eAAO,MAAM,4BAA4B,OAAO,CAAC;AAEjD;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAC5C,eAAO,MAAM,sBAAsB,QAAQ,CAAC;AAE5C;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAK7D;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAE,MAAY,EAAE,KAAK,GAAE,MAAa,GAAG,MAAM,CAI9G;AAED;;;;GAIG;AACH,qBAAa,2BAA2B;IACtC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,IAAI,CAA+D;IAC3E,OAAO,CAAC,SAAS,CAAkC;IACnD,oFAAoF;IACpF,OAAO,CAAC,eAAe,CAAK;IAE5B,0DAA0D;IACnD,KAAK,IAAI,IAAI;IAQpB;;;;;OAKG;IACI,IAAI,CAAC,GAAG,EAAE,qBAAqB,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,wBAAwB,GAAG,IAAI;IAmB9F;;;;OAIG;IACH,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,UAAU;IASlB;;;;;;;OAOG;IACH,OAAO,CAAC,gBAAgB;CA4BzB"}

package/dist/lib/components/realtime/realtime-audio-visuals.js

@@ -0,0 +1,139 @@
+/** Number of EQ bars the hero renders (matches the meter's bin count). */
+export const AUDIO_VISUAL_BIN_COUNT = 9;
+/** Levels below this are treated as silence for direction purposes. */
+export const AUDIO_PRESENCE_FLOOR = 0.045;
+/** How long a direction is HELD after its audio drops below the floor (syllable-gap proofing). */
+export const AUDIO_DIRECTION_HOLD_MS = 280;
+/** The factor by which the other side must dominate to steal the direction mid-speech. */
+export const AUDIO_DIRECTION_STEAL_FACTOR = 1.15;
+/**
+ * NOISE GATES (per direction): raw analyser levels at/below the gate render as TRUE
+ * silence — without this, an idle microphone's room-noise/auto-gain floor keeps the EQ
+ * dancing and the direction stuck on "user" while nobody is speaking. The mic gate sits
+ * a touch above the output gate (playback silence is actual zero; mic silence isn't), but
+ * NOT so high it swallows normal speech: 0.08 over-gated — typical Mac-mic normalized speech
+ * peaks well under it, so the meter read silence the whole time the user was talking. 0.045
+ * (≈ the presence floor) suppresses idle room-noise while letting real speech drive the EQ.
+ */
+export const AUDIO_OUTPUT_NOISE_GATE = 0.03;
+export const AUDIO_INPUT_NOISE_GATE = 0.045;
+/**
+ * Soft-knee noise gate: at/below `gate` → 0; above it the remaining range rescales to
+ * 0..1 (so the gate never visibly "clips" the bottom off real speech). Pure.
+ */
+export function GateLevel(level, gate) {
+    if (!Number.isFinite(level) || level <= gate) {
+        return 0;
+    }
+    return Math.min(1, (level - gate) / (1 - gate));
+}
+/**
+ * One smoothing step: fast attack (speech onset reads instantly), slow decay (the level
+ * rings down like a speaker cone instead of snapping). Pure.
+ */
+export function SmoothLevel(previous, next, attack = 0.5, decay = 0.12) {
+    const factor = next > previous ? attack : decay;
+    const value = previous + (next - previous) * factor;
+    return Math.min(1, Math.max(0, value));
+}
+/**
+ * Per-overlay smoothing state machine. Feed it one raw {@link RealtimeAudioActivity}
+ * sample per animation frame via {@link Next}; render the returned frame. `null` in →
+ * `null` out (the driver attached no meters — the host keeps turn-state visuals).
+ */
+export class RealtimeAudioVisualSmoother {
+    outputLevel = 0;
+    inputLevel = 0;
+    bins = new Array(AUDIO_VISUAL_BIN_COUNT).fill(0);
+    direction = 'none';
+    /** Last time (ms) the current direction's level was at/above the presence floor. */
+    directionHeldAt = 0;
+    /** Resets all smoothing state (call between sessions). */
+    Reset() {
+        this.outputLevel = 0;
+        this.inputLevel = 0;
+        this.bins = new Array(AUDIO_VISUAL_BIN_COUNT).fill(0);
+        this.direction = 'none';
+        this.directionHeldAt = 0;
+    }
+    /**
+     * Advances the smoother with one raw sample.
+     * @param raw The client's current audio activity (`null` = no metering capability).
+     * @param nowMs A monotonic clock reading (e.g. `performance.now()`).
+     * @returns The render-ready frame, or `null` when un-metered.
+     */
+    Next(raw, nowMs) {
+        if (!raw) {
+            return null;
+        }
+        // Gate BEFORE smoothing: silence is true zero, the decay still rings down smoothly.
+        const gatedOut = GateLevel(raw.OutputLevel ?? 0, AUDIO_OUTPUT_NOISE_GATE);
+        const gatedIn = GateLevel(raw.InputLevel ?? 0, AUDIO_INPUT_NOISE_GATE);
+        this.outputLevel = SmoothLevel(this.outputLevel, gatedOut);
+        this.inputLevel = SmoothLevel(this.inputLevel, gatedIn);
+        this.smoothBins(this.pickRawBins(raw, gatedOut, gatedIn));
+        this.resolveDirection(nowMs);
+        return {
+            OutputLevel: this.outputLevel,
+            InputLevel: this.inputLevel,
+            Bins: [...this.bins],
+            Direction: this.direction
+        };
+    }
+    /**
+     * The spectrum follows whichever direction is louder (falling back to whichever
+     * exists) — but a side whose GATED level is silence contributes no spectrum at all:
+     * an idle mic's room-noise bins must not keep the EQ dancing.
+     */
+    pickRawBins(raw, gatedOut, gatedIn) {
+        const outBins = gatedOut > 0 ? raw.OutputBins : null;
+        const inBins = gatedIn > 0 ? raw.InputBins : null;
+        if (outBins && inBins) {
+            return this.outputLevel >= this.inputLevel ? outBins : inBins;
+        }
+        return outBins ?? inBins;
+    }
+    smoothBins(rawBins) {
+        if (!rawBins) {
+            // No spectrum available — decay the bars toward silence.
+            this.bins = this.bins.map(b => SmoothLevel(b, 0));
+            return;
+        }
+        this.bins = this.bins.map((prev, i) => SmoothLevel(prev, rawBins[i] ?? 0));
+    }
+    /**
+     * Direction rules (hysteresis):
+     *  - silence adopts nothing; speech from silence adopts the louder side immediately;
+     *  - a live direction RENEWS its hold while at/above the presence floor;
+     *  - the other side steals the direction only by dominating ({@link AUDIO_DIRECTION_STEAL_FACTOR});
+     *  - a direction releases to `none` only after {@link AUDIO_DIRECTION_HOLD_MS} of silence —
+     *    syllable gaps never flicker the color.
+     */
+    resolveDirection(nowMs) {
+        const out = this.outputLevel;
+        const inp = this.inputLevel;
+        const audible = out >= AUDIO_PRESENCE_FLOOR || inp >= AUDIO_PRESENCE_FLOOR;
+        const louder = out >= inp ? 'agent' : 'user';
+        if (this.direction === 'none') {
+            if (audible) {
+                this.direction = louder;
+                this.directionHeldAt = nowMs;
+            }
+            return;
+        }
+        const currentLevel = this.direction === 'agent' ? out : inp;
+        const otherLevel = this.direction === 'agent' ? inp : out;
+        if (currentLevel >= AUDIO_PRESENCE_FLOOR) {
+            this.directionHeldAt = nowMs;
+        }
+        if (otherLevel >= AUDIO_PRESENCE_FLOOR && otherLevel >= currentLevel * AUDIO_DIRECTION_STEAL_FACTOR) {
+            this.direction = this.direction === 'agent' ? 'user' : 'agent';
+            this.directionHeldAt = nowMs;
+            return;
+        }
+        if (!audible && nowMs - this.directionHeldAt > AUDIO_DIRECTION_HOLD_MS) {
+            this.direction = 'none';
+        }
+    }
+}
+//# sourceMappingURL=realtime-audio-visuals.js.map

package/dist/lib/components/realtime/realtime-audio-visuals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-audio-visuals.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-audio-visuals.ts"],"names":[],"mappings":"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","sourcesContent":["import { RealtimeAudioActivity } from '@memberjunction/ai-realtime-client';\n\n/**\n * @fileoverview AUDIO-REACTIVE VISUAL SMOOTHING for the call overlay — the framework-free\n * math between raw per-frame {@link RealtimeAudioActivity} samples and the CSS variables\n * that make the hero orb vibrate like a speaker cone and the EQ render a true spectrum.\n *\n * Raw analyser levels are jittery; rendering them directly strobes. This module applies:\n *  - **Attack/decay envelope smoothing** ({@link SmoothLevel}) — fast attack so speech\n *    onset feels instant, slow decay so the cone \"rings down\" instead of snapping shut.\n *  - **Direction resolution with hysteresis** — who is audibly speaking (`agent` / `user` /\n *    `none`) with a presence floor and a hold window, so the direction color never\n *    flickers across syllable gaps.\n *\n * Owned by the overlay's requestAnimationFrame loop (outside Angular); kept pure so every\n * rule unit-tests without Web Audio or a browser clock.\n */\n\n/** Who is audibly speaking right now (drives the orb/EQ direction color). */\nexport type RealtimeVoiceDirection = 'agent' | 'user' | 'none';\n\n/** One smoothed, render-ready visual frame. */\nexport interface RealtimeAudioVisualFrame {\n  /** Smoothed agent-output level, 0..1. */\n  OutputLevel: number;\n  /** Smoothed user-mic level, 0..1. */\n  InputLevel: number;\n  /** Smoothed spectrum bins (length {@link AUDIO_VISUAL_BIN_COUNT}) of the dominant direction. */\n  Bins: number[];\n  /** Resolved speaking direction (hysteresis-stable). */\n  Direction: RealtimeVoiceDirection;\n}\n\n/** Number of EQ bars the hero renders (matches the meter's bin count). */\nexport const AUDIO_VISUAL_BIN_COUNT = 9;\n\n/** Levels below this are treated as silence for direction purposes. */\nexport const AUDIO_PRESENCE_FLOOR = 0.045;\n\n/** How long a direction is HELD after its audio drops below the floor (syllable-gap proofing). */\nexport const AUDIO_DIRECTION_HOLD_MS = 280;\n\n/** The factor by which the other side must dominate to steal the direction mid-speech. */\nexport const AUDIO_DIRECTION_STEAL_FACTOR = 1.15;\n\n/**\n * NOISE GATES (per direction): raw analyser levels at/below the gate render as TRUE\n * silence — without this, an idle microphone's room-noise/auto-gain floor keeps the EQ\n * dancing and the direction stuck on \"user\" while nobody is speaking. The mic gate sits\n * a touch above the output gate (playback silence is actual zero; mic silence isn't), but\n * NOT so high it swallows normal speech: 0.08 over-gated — typical Mac-mic normalized speech\n * peaks well under it, so the meter read silence the whole time the user was talking. 0.045\n * (≈ the presence floor) suppresses idle room-noise while letting real speech drive the EQ.\n */\nexport const AUDIO_OUTPUT_NOISE_GATE = 0.03;\nexport const AUDIO_INPUT_NOISE_GATE = 0.045;\n\n/**\n * Soft-knee noise gate: at/below `gate` → 0; above it the remaining range rescales to\n * 0..1 (so the gate never visibly \"clips\" the bottom off real speech). Pure.\n */\nexport function GateLevel(level: number, gate: number): number {\n  if (!Number.isFinite(level) || level <= gate) {\n    return 0;\n  }\n  return Math.min(1, (level - gate) / (1 - gate));\n}\n\n/**\n * One smoothing step: fast attack (speech onset reads instantly), slow decay (the level\n * rings down like a speaker cone instead of snapping). Pure.\n */\nexport function SmoothLevel(previous: number, next: number, attack: number = 0.5, decay: number = 0.12): number {\n  const factor = next > previous ? attack : decay;\n  const value = previous + (next - previous) * factor;\n  return Math.min(1, Math.max(0, value));\n}\n\n/**\n * Per-overlay smoothing state machine. Feed it one raw {@link RealtimeAudioActivity}\n * sample per animation frame via {@link Next}; render the returned frame. `null` in →\n * `null` out (the driver attached no meters — the host keeps turn-state visuals).\n */\nexport class RealtimeAudioVisualSmoother {\n  private outputLevel = 0;\n  private inputLevel = 0;\n  private bins: number[] = new Array<number>(AUDIO_VISUAL_BIN_COUNT).fill(0);\n  private direction: RealtimeVoiceDirection = 'none';\n  /** Last time (ms) the current direction's level was at/above the presence floor. */\n  private directionHeldAt = 0;\n\n  /** Resets all smoothing state (call between sessions). */\n  public Reset(): void {\n    this.outputLevel = 0;\n    this.inputLevel = 0;\n    this.bins = new Array<number>(AUDIO_VISUAL_BIN_COUNT).fill(0);\n    this.direction = 'none';\n    this.directionHeldAt = 0;\n  }\n\n  /**\n   * Advances the smoother with one raw sample.\n   * @param raw The client's current audio activity (`null` = no metering capability).\n   * @param nowMs A monotonic clock reading (e.g. `performance.now()`).\n   * @returns The render-ready frame, or `null` when un-metered.\n   */\n  public Next(raw: RealtimeAudioActivity | null, nowMs: number): RealtimeAudioVisualFrame | null {\n    if (!raw) {\n      return null;\n    }\n    // Gate BEFORE smoothing: silence is true zero, the decay still rings down smoothly.\n    const gatedOut = GateLevel(raw.OutputLevel ?? 0, AUDIO_OUTPUT_NOISE_GATE);\n    const gatedIn = GateLevel(raw.InputLevel ?? 0, AUDIO_INPUT_NOISE_GATE);\n    this.outputLevel = SmoothLevel(this.outputLevel, gatedOut);\n    this.inputLevel = SmoothLevel(this.inputLevel, gatedIn);\n    this.smoothBins(this.pickRawBins(raw, gatedOut, gatedIn));\n    this.resolveDirection(nowMs);\n    return {\n      OutputLevel: this.outputLevel,\n      InputLevel: this.inputLevel,\n      Bins: [...this.bins],\n      Direction: this.direction\n    };\n  }\n\n  /**\n   * The spectrum follows whichever direction is louder (falling back to whichever\n   * exists) — but a side whose GATED level is silence contributes no spectrum at all:\n   * an idle mic's room-noise bins must not keep the EQ dancing.\n   */\n  private pickRawBins(raw: RealtimeAudioActivity, gatedOut: number, gatedIn: number): number[] | null {\n    const outBins = gatedOut > 0 ? raw.OutputBins : null;\n    const inBins = gatedIn > 0 ? raw.InputBins : null;\n    if (outBins && inBins) {\n      return this.outputLevel >= this.inputLevel ? outBins : inBins;\n    }\n    return outBins ?? inBins;\n  }\n\n  private smoothBins(rawBins: number[] | null): void {\n    if (!rawBins) {\n      // No spectrum available — decay the bars toward silence.\n      this.bins = this.bins.map(b => SmoothLevel(b, 0));\n      return;\n    }\n    this.bins = this.bins.map((prev, i) => SmoothLevel(prev, rawBins[i] ?? 0));\n  }\n\n  /**\n   * Direction rules (hysteresis):\n   *  - silence adopts nothing; speech from silence adopts the louder side immediately;\n   *  - a live direction RENEWS its hold while at/above the presence floor;\n   *  - the other side steals the direction only by dominating ({@link AUDIO_DIRECTION_STEAL_FACTOR});\n   *  - a direction releases to `none` only after {@link AUDIO_DIRECTION_HOLD_MS} of silence —\n   *    syllable gaps never flicker the color.\n   */\n  private resolveDirection(nowMs: number): void {\n    const out = this.outputLevel;\n    const inp = this.inputLevel;\n    const audible = out >= AUDIO_PRESENCE_FLOOR || inp >= AUDIO_PRESENCE_FLOOR;\n    const louder: RealtimeVoiceDirection = out >= inp ? 'agent' : 'user';\n\n    if (this.direction === 'none') {\n      if (audible) {\n        this.direction = louder;\n        this.directionHeldAt = nowMs;\n      }\n      return;\n    }\n\n    const currentLevel = this.direction === 'agent' ? out : inp;\n    const otherLevel = this.direction === 'agent' ? inp : out;\n    if (currentLevel >= AUDIO_PRESENCE_FLOOR) {\n      this.directionHeldAt = nowMs;\n    }\n    if (otherLevel >= AUDIO_PRESENCE_FLOOR && otherLevel >= currentLevel * AUDIO_DIRECTION_STEAL_FACTOR) {\n      this.direction = this.direction === 'agent' ? 'user' : 'agent';\n      this.directionHeldAt = nowMs;\n      return;\n    }\n    if (!audible && nowMs - this.directionHeldAt > AUDIO_DIRECTION_HOLD_MS) {\n      this.direction = 'none';\n    }\n  }\n}\n"]}

package/dist/lib/components/realtime/realtime-channel-strip.component.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from "@angular/core";
+/** A single channel chip in the session's channel strip. */
+export interface RealtimeChannel {
+    /** Stable id for tracking. */
+    Id: string;
+    /** Display label (e.g. "Voice", "Text"). */
+    Label: string;
+    /** Font Awesome icon class (e.g. "fa-microphone-lines"). */
+    Icon: string;
+    /** Channel status — drives the chip styling + live dot. */
+    Status: 'live' | 'opening' | 'off';
+}
+/**
+ * The channel strip (mirrors `.channel-bar` in live-session.html + the `.chan-strip` in
+ * session-channels.html). Renders a LIST of channel chips so additional channels (whiteboard,
+ * screen-share, …) slot in later without markup changes. Defaults to the always-present
+ * "🎙 Voice live now" channel; hosts can override via {@link Channels}.
+ */
+export declare class RealtimeChannelStripComponent {
+    private _channels;
+    /** The channels to render. Defaults to a single live Voice channel. */
+    set Channels(value: RealtimeChannel[] | null);
+    get Channels(): RealtimeChannel[];
+    /** track fn for the channel @for. */
+    TrackChannel(_index: number, channel: RealtimeChannel): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RealtimeChannelStripComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RealtimeChannelStripComponent, "mj-realtime-channel-strip", never, { "Channels": { "alias": "Channels"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=realtime-channel-strip.component.d.ts.map

package/dist/lib/components/realtime/realtime-channel-strip.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-channel-strip.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-channel-strip.component.ts"],"names":[],"mappings":";AAGA,4DAA4D;AAC5D,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;CACpC;AAED;;;;;GAKG;AACH,qBAOa,6BAA6B;IACxC,OAAO,CAAC,SAAS,CAEf;IAEF,uEAAuE;IACvE,IACI,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,IAAI,EAE3C;IACD,IAAI,QAAQ,IAAI,eAAe,EAAE,CAEhC;IAED,qCAAqC;IAC9B,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,GAAG,MAAM;yCAf1D,6BAA6B;2CAA7B,6BAA6B;CAkBzC"}

package/dist/lib/components/realtime/realtime-channel-strip.component.js

@@ -0,0 +1,69 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+function RealtimeChannelStripComponent_For_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 5);
+} }
+function RealtimeChannelStripComponent_For_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵtext(1, "opening\u2026");
+    i0.ɵɵelementEnd();
+} }
+function RealtimeChannelStripComponent_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
+    i0.ɵɵelement(1, "i", 4);
+    i0.ɵɵtext(2);
+    i0.ɵɵconditionalCreate(3, RealtimeChannelStripComponent_For_4_Conditional_3_Template, 1, 0, "span", 5)(4, RealtimeChannelStripComponent_For_4_Conditional_4_Template, 2, 0, "span", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const channel_r1 = ctx.$implicit;
+    i0.ɵɵclassProp("chan-chip--live", channel_r1.Status === "live")("chan-chip--opening", channel_r1.Status === "opening")("chan-chip--off", channel_r1.Status === "off");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", channel_r1.Icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", channel_r1.Label, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(channel_r1.Status === "live" ? 3 : channel_r1.Status === "opening" ? 4 : -1);
+} }
+/**
+ * The channel strip (mirrors `.channel-bar` in live-session.html + the `.chan-strip` in
+ * session-channels.html). Renders a LIST of channel chips so additional channels (whiteboard,
+ * screen-share, …) slot in later without markup changes. Defaults to the always-present
+ * "🎙 Voice live now" channel; hosts can override via {@link Channels}.
+ */
+export class RealtimeChannelStripComponent {
+    _channels = [
+        { Id: 'voice', Label: 'Voice', Icon: 'fa-microphone-lines', Status: 'live' }
+    ];
+    /** The channels to render. Defaults to a single live Voice channel. */
+    set Channels(value) {
+        this._channels = value && value.length > 0 ? value : this._channels;
+    }
+    get Channels() {
+        return this._channels;
+    }
+    /** track fn for the channel @for. */
+    TrackChannel(_index, channel) {
+        return channel.Id;
+    }
+    static ɵfac = function RealtimeChannelStripComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RealtimeChannelStripComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RealtimeChannelStripComponent, selectors: [["mj-realtime-channel-strip"]], inputs: { Channels: "Channels" }, decls: 5, vars: 0, consts: [[1, "channel-strip"], [1, "channel-strip__label"], [1, "chan-chip", 3, "chan-chip--live", "chan-chip--opening", "chan-chip--off"], [1, "chan-chip"], ["aria-hidden", "true", 1, "fa-solid", 3, "ngClass"], ["aria-hidden", "true", 1, "live-dot"], [1, "muted"]], template: function RealtimeChannelStripComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "span", 1);
+            i0.ɵɵtext(2, "Channels");
+            i0.ɵɵelementEnd();
+            i0.ɵɵrepeaterCreate(3, RealtimeChannelStripComponent_For_4_Template, 5, 9, "span", 2, ctx.TrackChannel, true);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.Channels);
+        } }, dependencies: [CommonModule, i1.NgClass], styles: ["[_nghost-%COMP%] {\n  display: block;\n}\n\n.channel-strip[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  padding: 12px 22px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n\n.channel-strip__label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--mj-text-muted);\n  font-weight: 700;\n  margin-right: 4px;\n}\n\n.chan-chip[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 6px 12px;\n  font-size: 12.5px;\n  font-weight: 600;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  transition: all 150ms ease;\n}\n.chan-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n.chan-chip--live[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-accent, var(--mj-brand-primary));\n}\n.chan-chip--opening[_ngcontent-%COMP%] {\n  border-style: dashed;\n  color: var(--mj-text-muted);\n  animation: _ngcontent-%COMP%_chip-pulse 1.4s ease-in-out infinite;\n}\n.chan-chip--off[_ngcontent-%COMP%] {\n  opacity: 0.55;\n}\n.chan-chip[_ngcontent-%COMP%]   .live-dot[_ngcontent-%COMP%] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--mj-status-success);\n}\n.chan-chip[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-weight: 400;\n}\n\n@keyframes _ngcontent-%COMP%_chip-pulse { 0%, 100% { opacity: .55 } 50% { opacity: 1 } }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RealtimeChannelStripComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-realtime-channel-strip', imports: [CommonModule], template: "<div class=\"channel-strip\">\n  <span class=\"channel-strip__label\">Channels</span>\n  @for (channel of Channels; track TrackChannel($index, channel)) {\n    <span class=\"chan-chip\"\n          [class.chan-chip--live]=\"channel.Status === 'live'\"\n          [class.chan-chip--opening]=\"channel.Status === 'opening'\"\n          [class.chan-chip--off]=\"channel.Status === 'off'\">\n      <i class=\"fa-solid\" [ngClass]=\"channel.Icon\" aria-hidden=\"true\"></i>\n      {{ channel.Label }}\n      @if (channel.Status === 'live') {\n        <span class=\"live-dot\" aria-hidden=\"true\"></span>\n      } @else if (channel.Status === 'opening') {\n        <span class=\"muted\">opening\u2026</span>\n      }\n    </span>\n  }\n</div>\n", styles: [":host {\n  display: block;\n}\n\n.channel-strip {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  padding: 12px 22px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n\n.channel-strip__label {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--mj-text-muted);\n  font-weight: 700;\n  margin-right: 4px;\n}\n\n.chan-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 6px 12px;\n  font-size: 12.5px;\n  font-weight: 600;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  transition: all 150ms ease;\n}\n.chan-chip i {\n  font-size: 12px;\n}\n.chan-chip--live {\n  background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-accent, var(--mj-brand-primary));\n}\n.chan-chip--opening {\n  border-style: dashed;\n  color: var(--mj-text-muted);\n  animation: chip-pulse 1.4s ease-in-out infinite;\n}\n.chan-chip--off {\n  opacity: 0.55;\n}\n.chan-chip .live-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--mj-status-success);\n}\n.chan-chip .muted {\n  color: var(--mj-text-muted);\n  font-weight: 400;\n}\n\n@keyframes chip-pulse { 0%, 100% { opacity: .55 } 50% { opacity: 1 } }\n"] }]
+    }], null, { Channels: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RealtimeChannelStripComponent, { className: "RealtimeChannelStripComponent", filePath: "src/lib/components/realtime/realtime-channel-strip.component.ts", lineNumber: 29 }); })();
+//# sourceMappingURL=realtime-channel-strip.component.js.map

package/dist/lib/components/realtime/realtime-channel-strip.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-channel-strip.component.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-channel-strip.component.ts","../../../../src/lib/components/realtime/realtime-channel-strip.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;;ICSvC,0BAAiD;;;IAEjD,+BAAoB;IAAA,6BAAQ;IAAA,iBAAO;;;IATvC,+BAGwD;IACtD,uBAAoE;IACpE,YACA;IAEE,AAFF,sGAAiC,gFAEU;IAG7C,iBAAO;;;IARD,AADA,AADA,+DAAmD,uDACM,+CACR;IACjC,cAAwB;IAAxB,yCAAwB;IAC5C,cACA;IADA,iDACA;IAAA,cAIC;IAJD,6FAIC;;ADEP;;;;;GAKG;AAQH,MAAM,OAAO,6BAA6B;IAChC,SAAS,GAAsB;QACrC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE;KAC7E,CAAC;IAEF,uEAAuE;IACvE,IACI,QAAQ,CAAC,KAA+B;QAC1C,IAAI,CAAC,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACtE,CAAC;IACD,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,qCAAqC;IAC9B,YAAY,CAAC,MAAc,EAAE,OAAwB;QAC1D,OAAO,OAAO,CAAC,EAAE,CAAC;IACpB,CAAC;uHAjBU,6BAA6B;6DAA7B,6BAA6B;YC3BxC,AADF,8BAA2B,cACU;YAAA,wBAAQ;YAAA,iBAAO;YAClD,6GAaC;YACH,iBAAM;;YAdJ,eAaC;YAbD,2BAaC;4BDSS,YAAY;;iFAIX,6BAA6B;cAPzC,SAAS;6BACI,IAAI,YACN,2BAA2B,WAC5B,CAAC,YAAY,CAAC;;kBAUtB,KAAK;;kFANK,6BAA6B","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n/** A single channel chip in the session's channel strip. */\nexport interface RealtimeChannel {\n  /** Stable id for tracking. */\n  Id: string;\n  /** Display label (e.g. \"Voice\", \"Text\"). */\n  Label: string;\n  /** Font Awesome icon class (e.g. \"fa-microphone-lines\"). */\n  Icon: string;\n  /** Channel status — drives the chip styling + live dot. */\n  Status: 'live' | 'opening' | 'off';\n}\n\n/**\n * The channel strip (mirrors `.channel-bar` in live-session.html + the `.chan-strip` in\n * session-channels.html). Renders a LIST of channel chips so additional channels (whiteboard,\n * screen-share, …) slot in later without markup changes. Defaults to the always-present\n * \"🎙 Voice live now\" channel; hosts can override via {@link Channels}.\n */\n@Component({\n  standalone: true,\n  selector: 'mj-realtime-channel-strip',\n  imports: [CommonModule],\n  templateUrl: './realtime-channel-strip.component.html',\n  styleUrl: './realtime-channel-strip.component.css'\n})\nexport class RealtimeChannelStripComponent {\n  private _channels: RealtimeChannel[] = [\n    { Id: 'voice', Label: 'Voice', Icon: 'fa-microphone-lines', Status: 'live' }\n  ];\n\n  /** The channels to render. Defaults to a single live Voice channel. */\n  @Input()\n  set Channels(value: RealtimeChannel[] | null) {\n    this._channels = value && value.length > 0 ? value : this._channels;\n  }\n  get Channels(): RealtimeChannel[] {\n    return this._channels;\n  }\n\n  /** track fn for the channel @for. */\n  public TrackChannel(_index: number, channel: RealtimeChannel): string {\n    return channel.Id;\n  }\n}\n","<div class=\"channel-strip\">\n  <span class=\"channel-strip__label\">Channels</span>\n  @for (channel of Channels; track TrackChannel($index, channel)) {\n    <span class=\"chan-chip\"\n          [class.chan-chip--live]=\"channel.Status === 'live'\"\n          [class.chan-chip--opening]=\"channel.Status === 'opening'\"\n          [class.chan-chip--off]=\"channel.Status === 'off'\">\n      <i class=\"fa-solid\" [ngClass]=\"channel.Icon\" aria-hidden=\"true\"></i>\n      {{ channel.Label }}\n      @if (channel.Status === 'live') {\n        <span class=\"live-dot\" aria-hidden=\"true\"></span>\n      } @else if (channel.Status === 'opening') {\n        <span class=\"muted\">opening…</span>\n      }\n    </span>\n  }\n</div>\n"]}

package/dist/lib/components/realtime/realtime-composer.component.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * The call overlay's BOTTOM DOCK — the progressive-disclosure composer
+ * (`plans/realtime/mockups/redesign-a-progressive.html`). One component, two shapes,
+ * keyed off the overlay's disclosure {@link Level}:
+ *
+ *  - **Levels 0–1 (phone-call strip)** — big round call controls, centered: Mute, the
+ *    Captions toggle (level 1+, arriving WITH the text it controls), the Details peek
+ *    (level 0 paths where the surface panel isn't earned yet — lets the user look at the
+ *    Activity/Whiteboard panels on demand), and End call. Level 1 adds the whispered
+ *    "press T to type" hint — typing exists, but there's no visible composer yet.
+ *  - **Level 2+ (the dock)** — mute/captions shrink to compact minis and the in-call text
+ *    input docks beside them (one bottom bar, per Redesign A's fused composer+controls).
+ *    Submit calls {@link RealtimeSessionService.SendText}, which injects the text as a user
+ *    turn into the SAME live voice call.
+ *
+ * Mute talks to the session service directly (pure local toggle); captions / Details /
+ * End are emitted up so the overlay shell owns that state and lifecycle.
+ */
+export declare class RealtimeComposerComponent {
+    /**
+     * Whether the typed-input dock is OPEN. A two-way door owned by the user: the strip's
+     * Type control (or the T hotkey) opens it; the dock's hide control closes it — typing
+     * never becomes permanent chrome. Default closed (voice-first), reset per session.
+     */
+    Open: boolean;
+    /** Emitted when the user opens (Type control / typing) or closes (hide control) the dock. */
+    OpenChanged: EventEmitter<boolean>;
+    /** Whether captions are currently shown (drives the captions control's active state). */
+    CaptionsOn: boolean;
+    /** Whether the Details peek control renders (true until the surface panel is earned). */
+    ShowDetails: boolean;
+    /** Whether the Details peek is currently open (active state on the control). */
+    DetailsOn: boolean;
+    /** Emitted when the user toggles captions; the overlay flips its caption state. */
+    CaptionsToggled: EventEmitter<boolean>;
+    /** Emitted when the user toggles the Details peek (the on-demand surface panel). */
+    DetailsToggled: EventEmitter<void>;
+    /** Emitted when the user ends the call from the strip's End control. */
+    EndRequested: EventEmitter<void>;
+    /** Current draft text in the dock's composer input. */
+    Draft: string;
+    /** Local mic mute state, reflected from the service. */
+    IsMuted: boolean;
+    private dockInput?;
+    private voice;
+    /** True when there's non-whitespace text to send. */
+    get CanSend(): boolean;
+    /** True while the big-controls phone-call strip renders (instead of the dock). */
+    get StripMode(): boolean;
+    /** Toggle the local microphone mute. */
+    ToggleMute(): void;
+    /** Toggle captions visibility and notify the overlay. */
+    ToggleCaptions(): void;
+    /** Focuses the dock's text input (the overlay's T-to-type hotkey lands here). */
+    FocusInput(): void;
+    /** Send the typed text into the live session, then clear the input. */
+    Send(): void;
+    /** Enter sends (Shift+Enter is free for future multiline if the input becomes a textarea). */
+    OnKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RealtimeComposerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RealtimeComposerComponent, "mj-realtime-composer", never, { "Open": { "alias": "Open"; "required": false; }; "CaptionsOn": { "alias": "CaptionsOn"; "required": false; }; "ShowDetails": { "alias": "ShowDetails"; "required": false; }; "DetailsOn": { "alias": "DetailsOn"; "required": false; }; }, { "OpenChanged": "OpenChanged"; "CaptionsToggled": "CaptionsToggled"; "DetailsToggled": "DetailsToggled"; "EndRequested": "EndRequested"; }, never, never, true, never>;
+}
+//# sourceMappingURL=realtime-composer.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-composer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-composer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,EAAoC,MAAM,eAAe,CAAC;;AAKtG;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAOa,yBAAyB;IACpC;;;;OAIG;IACM,IAAI,UAAS;IAEtB,6FAA6F;IACnF,WAAW,wBAA+B;IAEpD,yFAAyF;IAChF,UAAU,UAAQ;IAE3B,yFAAyF;IAChF,WAAW,UAAS;IAE7B,gFAAgF;IACvE,SAAS,UAAS;IAE3B,mFAAmF;IACzE,eAAe,wBAA+B;IAExD,oFAAoF;IAC1E,cAAc,qBAA4B;IAEpD,wEAAwE;IAC9D,YAAY,qBAA4B;IAElD,uDAAuD;IAChD,KAAK,SAAM;IAElB,wDAAwD;IACjD,OAAO,UAAS;IAEC,OAAO,CAAC,SAAS,CAAC,CAA+B;IAEzE,OAAO,CAAC,KAAK,CAAkC;IAE/C,qDAAqD;IACrD,IAAW,OAAO,IAAI,OAAO,CAE5B;IAED,kFAAkF;IAClF,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,wCAAwC;IACjC,UAAU,IAAI,IAAI;IAIzB,yDAAyD;IAClD,cAAc,IAAI,IAAI;IAK7B,iFAAiF;IAC1E,UAAU,IAAI,IAAI;IAIzB,uEAAuE;IAChE,IAAI,IAAI,IAAI;IAQnB,8FAA8F;IACvF,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCA3EjC,yBAAyB;2CAAzB,yBAAyB;CAiFrC"}