@memberjunction/ng-explorer-core 5.41.0 → 5.42.0

package/dist/lib/resource-wrappers/livekit-room-resource.component.js

@@ -0,0 +1,698 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, ChangeDetectorRef, inject } from '@angular/core';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { AIEngineBase } from '@memberjunction/ai-engine-base';
+import { RunView } from '@memberjunction/core';
+import { GraphQLLiveKitClient } from '@memberjunction/graphql-dataprovider';
+import { UserHoldsAuthorization, REALTIME_ADVANCED_SESSION_CONTROLS } from '@memberjunction/ng-conversations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@memberjunction/ng-mj-livekit-room";
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.ModelID;
+function LiveKitRoomResource_Case_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-livekit-agent-room", 4);
+    i0.ɵɵlistener("Connected", function LiveKitRoomResource_Case_0_Template_mj_livekit_agent_room_Connected_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.NotifyLoadComplete()); })("ErrorOccurred", function LiveKitRoomResource_Case_0_Template_mj_livekit_agent_room_ErrorOccurred_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.NotifyLoadComplete()); })("InvitePeopleRequested", function LiveKitRoomResource_Case_0_Template_mj_livekit_agent_room_InvitePeopleRequested_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openInvite($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Mode", ctx_r1.roomMode)("RoomName", ctx_r1.joinRoomName)("AgentID", ctx_r1.agentId)("TargetAgentID", ctx_r1.targetAgentId)("AgentName", ctx_r1.targetAgentName)("AvailableAgents", ctx_r1.agents)("RealtimeModelID", ctx_r1.selectedModelId)("RealtimeVoice", ctx_r1.selectedVoice)("CanPickModelVoice", ctx_r1.canPickModelVoice)("AvailableModels", ctx_r1.realtimeModels)("Provider", ctx_r1.ProviderToUse)("ShowAgentState", true)("ShowWhiteboard", true)("EnableLayoutSwitcher", true)("EnablePinning", true);
+} }
+function LiveKitRoomResource_Case_1_For_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 12);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const a_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("value", a_r4.ID)("selected", ctx_r1.UUIDsEqual(a_r4.ID, ctx_r1.selectedTargetId));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(a_r4.Name);
+} }
+function LiveKitRoomResource_Case_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 13);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.selectedDescription);
+} }
+function LiveKitRoomResource_Case_1_Conditional_14_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 12);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const m_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("value", m_r6.ModelID)("selected", ctx_r1.UUIDsEqual(m_r6.ModelID, ctx_r1.selectedModelId));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(m_r6.ModelName);
+} }
+function LiveKitRoomResource_Case_1_Conditional_14_Conditional_9_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 12);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const v_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("value", v_r8.ID)("selected", v_r8.ID === ctx_r1.selectedVoice);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(v_r8.Name);
+} }
+function LiveKitRoomResource_Case_1_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 20);
+    i0.ɵɵtext(1, "Voice ");
+    i0.ɵɵelementStart(2, "span", 17);
+    i0.ɵɵtext(3, "dev");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "select", 21);
+    i0.ɵɵlistener("change", function LiveKitRoomResource_Case_1_Conditional_14_Conditional_9_Template_select_change_4_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onVoiceChange($event)); });
+    i0.ɵɵelementStart(5, "option", 19);
+    i0.ɵɵtext(6, "Default voice");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(7, LiveKitRoomResource_Case_1_Conditional_14_Conditional_9_For_8_Template, 2, 3, "option", 12, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r1.selectedModelVoices);
+} }
+function LiveKitRoomResource_Case_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 16);
+    i0.ɵɵtext(1, "Model ");
+    i0.ɵɵelementStart(2, "span", 17);
+    i0.ɵɵtext(3, "dev");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "select", 18);
+    i0.ɵɵlistener("change", function LiveKitRoomResource_Case_1_Conditional_14_Template_select_change_4_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onModelChange($event)); });
+    i0.ɵɵelementStart(5, "option", 19);
+    i0.ɵɵtext(6, "Default model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(7, LiveKitRoomResource_Case_1_Conditional_14_For_8_Template, 2, 3, "option", 12, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, LiveKitRoomResource_Case_1_Conditional_14_Conditional_9_Template, 9, 0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r1.realtimeModels);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.selectedModelVoices.length ? 9 : -1);
+} }
+function LiveKitRoomResource_Case_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 5)(2, "div", 6);
+    i0.ɵɵelement(3, "i", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "h2", 8);
+    i0.ɵɵtext(5, "Start a call");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 9);
+    i0.ɵɵtext(7, " Choose the agent you want to talk to. You can add more agents (and invite people) once you're in the room. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "label", 10);
+    i0.ɵɵtext(9, "Agent");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "select", 11);
+    i0.ɵɵlistener("change", function LiveKitRoomResource_Case_1_Template_select_change_10_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTargetChange($event)); });
+    i0.ɵɵrepeaterCreate(11, LiveKitRoomResource_Case_1_For_12_Template, 2, 3, "option", 12, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(13, LiveKitRoomResource_Case_1_Conditional_13_Template, 2, 1, "p", 13);
+    i0.ɵɵconditionalCreate(14, LiveKitRoomResource_Case_1_Conditional_14_Template, 10, 1);
+    i0.ɵɵelementStart(15, "button", 14);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_1_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.startCall()); });
+    i0.ɵɵelement(16, "i", 15);
+    i0.ɵɵtext(17, " Start call ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(11);
+    i0.ɵɵrepeater(ctx_r1.agents);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.selectedDescription ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.canPickModelVoice && ctx_r1.realtimeModels.length ? 14 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", !ctx_r1.selectedTargetId);
+} }
+function LiveKitRoomResource_Case_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.resolveError);
+} }
+function LiveKitRoomResource_Case_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtext(1, "Preparing room\u2026");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Conditional_4_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "button", 38);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_4_Conditional_8_For_2_Template_button_click_2_listener() { const u_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeInvitee(u_r11.ID)); });
+    i0.ɵɵelement(3, "i", 39);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const u_r11 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", u_r11.Name, " ");
+} }
+function LiveKitRoomResource_Conditional_4_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Conditional_4_Conditional_8_For_2_Template, 4, 1, "span", 37, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.selectedInvitees);
+} }
+function LiveKitRoomResource_Conditional_4_Conditional_9_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const u_r13 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(u_r13.Email);
+} }
+function LiveKitRoomResource_Conditional_4_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 41);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_4_Conditional_9_For_2_Template_button_click_0_listener() { const u_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addInvitee(u_r13)); });
+    i0.ɵɵelementStart(1, "span", 42);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, LiveKitRoomResource_Conditional_4_Conditional_9_For_2_Conditional_3_Template, 2, 1, "span", 43);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const u_r13 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(u_r13.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(u_r13.Email ? 3 : -1);
+} }
+function LiveKitRoomResource_Conditional_4_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Conditional_4_Conditional_9_For_2_Template, 4, 2, "button", 40, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.userResults);
+} }
+function LiveKitRoomResource_Conditional_4_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵtext(1, "No matching people.");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Conditional_4_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.inviteMessage);
+} }
+function LiveKitRoomResource_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 23);
+    i0.ɵɵlistener("Close", function LiveKitRoomResource_Conditional_4_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showInvite = false); });
+    i0.ɵɵelementStart(1, "div", 24)(2, "p", 25);
+    i0.ɵɵtext(3, "They'll get an in-app notification (and an email if Comms is set up) to join this room.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 26)(5, "input", 27);
+    i0.ɵɵlistener("input", function LiveKitRoomResource_Conditional_4_Template_input_input_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.userSearch = $event.target.value); })("keydown.enter", function LiveKitRoomResource_Conditional_4_Template_input_keydown_enter_5_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.searchUsers()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 28);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_4_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.searchUsers()); });
+    i0.ɵɵelement(7, "i", 29);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(8, LiveKitRoomResource_Conditional_4_Conditional_8_Template, 3, 0, "div", 30);
+    i0.ɵɵconditionalCreate(9, LiveKitRoomResource_Conditional_4_Conditional_9_Template, 3, 0, "div", 31)(10, LiveKitRoomResource_Conditional_4_Conditional_10_Template, 2, 0, "div", 32);
+    i0.ɵɵconditionalCreate(11, LiveKitRoomResource_Conditional_4_Conditional_11_Template, 2, 1, "div", 33);
+    i0.ɵɵelementStart(12, "div", 34)(13, "button", 35);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_4_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.sendInvites()); });
+    i0.ɵɵelement(14, "i", 29);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 36);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_4_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showInvite = false); });
+    i0.ɵɵtext(17, "Cancel");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", ctx_r1.showInvite)("Width", 440);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", ctx_r1.userSearch);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.searching);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-magnifying-glass", !ctx_r1.searching)("fa-spinner", ctx_r1.searching)("fa-spin", ctx_r1.searching);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectedInvitees.length ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.userResults.length ? 9 : ctx_r1.searched && !ctx_r1.searching ? 10 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.inviteMessage ? 11 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", !ctx_r1.selectedInvitees.length || ctx_r1.inviting);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-paper-plane", !ctx_r1.inviting)("fa-spinner", ctx_r1.inviting)("fa-spin", ctx_r1.inviting);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Invite ", ctx_r1.selectedInvitees.length || "", " ");
+} }
+/**
+ * LiveKit Room Resource — hosts the MJ-native LiveKit room (`mj-livekit-agent-room`) as an Explorer tab
+ * (the **Meet** app's "Live Room").
+ *
+ * Flow: resolve the Realtime **co-agent** (voice front-end), then show a **pre-join picker** to choose
+ * the **target** agent you're "calling" (the co-agent voices it via `invoke-target-agent` — without a
+ * target it sits idle). "Start call" joins the room. An explicit `ResourceRecordID` skips the picker and
+ * calls that agent directly.
+ *
+ * Registered via `@RegisterClass(BaseResourceComponent, 'LiveKitRoomResource')`.
+ */
+let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponent {
+    /** Render phase: spinner while resolving → pre-join picker → live room (or an error message). */
+    phase = 'loading';
+    /** `'agent'` to start/voice an agent (the default), or `'join'` when opened from an invite link. */
+    roomMode = 'agent';
+    /** The room to JOIN when opened via an invite link (`?room=…`); null in agent mode. */
+    joinRoomName = null;
+    /** The Realtime co-agent (voice front-end) id — the resolved default Realtime-type agent. */
+    agentId = null;
+    /** The TARGET agent the co-agent voices (the one being "called"); the bot is named after it. */
+    targetAgentId = null;
+    /** The target agent's display name — used as the bot name + addressing word ("Sage, …"). */
+    targetAgentName = null;
+    /** The agents offered in the pre-join picker (active, excluding the Realtime co-agent itself). */
+    agents = [];
+    /** The currently-selected target in the picker (defaults to "Sage" when present). */
+    selectedTargetId = null;
+    // ── Dev model/voice override (gated by the `Realtime: Advanced Session Controls` authorization) ──────
+    /** Whether the current user may override the realtime model/voice (drives the dev pickers). */
+    canPickModelVoice = false;
+    /** Active Realtime models + their voices (loaded once when the user can override). */
+    realtimeModels = [];
+    /** The MODEL override chosen for the FIRST agent in the pre-join picker (null = default). */
+    selectedModelId = null;
+    /** The VOICE override chosen for the FIRST agent in the pre-join picker (null = default). */
+    selectedVoice = null;
+    /** Voices for the model chosen in the pre-join picker. */
+    get selectedModelVoices() {
+        return this.realtimeModels.find((m) => UUIDsEqual(m.ModelID, this.selectedModelId))?.Voices ?? [];
+    }
+    /** Records the pre-join MODEL choice; clears the voice so it can't outlive a model switch. */
+    onModelChange(event) {
+        this.selectedModelId = event.target.value || null;
+        this.selectedVoice = null;
+    }
+    /** Records the pre-join VOICE choice. */
+    onVoiceChange(event) {
+        this.selectedVoice = event.target.value || null;
+    }
+    /** Exposed for template use — platform-safe UUID equality (SQL upper vs PG lower). */
+    UUIDsEqual = UUIDsEqual;
+    /** Set when no co-agent could be resolved — shown instead of the room. */
+    resolveError = null;
+    // ── "Invite people" dialog state ─────────────────────────────────────────────────
+    /** Whether the invite-people dialog is open. */
+    showInvite = false;
+    /** The room the invite targets (the live room name). */
+    inviteRoomName = null;
+    /** Current search text in the people search box. */
+    userSearch = '';
+    /** People matching the last search (minus already-selected + the current user). */
+    userResults = [];
+    /** People chosen to invite. */
+    selectedInvitees = [];
+    /** True while a people search is running. */
+    searching = false;
+    /** True once a search has run (drives the "no matches" empty state). */
+    searched = false;
+    /** True while invites are being sent. */
+    inviting = false;
+    /** Result/status message under the dialog. */
+    inviteMessage = null;
+    cdr = inject(ChangeDetectorRef);
+    /** Description of the selected target, shown under the picker. */
+    get selectedDescription() {
+        return this.agents.find((a) => UUIDsEqual(a.ID, this.selectedTargetId))?.Description ?? null;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.resolve();
+    }
+    /**
+     * Resolves the co-agent + target choices. Synchronous when the AI engine is already loaded (the common
+     * case — it bootstraps at startup) so the first render is settled (avoids NG0100 from an async branch
+     * flip under the app's frequent change-detection); a cold engine takes the async path and flushes.
+     */
+    resolve() {
+        // Invite link (?room=…): join that existing room directly — no agent resolution / picker needed.
+        const invitedRoom = this.GetQueryParams()?.['room']?.trim();
+        if (invitedRoom) {
+            this.roomMode = 'join';
+            this.joinRoomName = invitedRoom;
+            this.phase = 'live';
+            this.NotifyLoadComplete();
+            return;
+        }
+        if (AIEngineBase.Instance.Loaded) {
+            this.applyResolution();
+            return;
+        }
+        void AIEngineBase.Instance.Config(false, undefined, this.ProviderToUse).then(() => {
+            this.applyResolution();
+            this.cdr.detectChanges();
+        });
+    }
+    /** Resolves the co-agent, builds the target list, and chooses the next phase (live for an explicit record, else picker). */
+    applyResolution() {
+        const realtimeType = AIEngineBase.Instance.AgentTypes.find((t) => t.Name?.trim().toLowerCase() === 'realtime');
+        const coAgent = realtimeType
+            ? AIEngineBase.Instance.Agents.find((a) => a.Status === 'Active' && UUIDsEqual(a.TypeID, realtimeType.ID))
+            : undefined;
+        if (!coAgent) {
+            this.resolveError =
+                'No active Realtime agent is configured, so the Live Room has no voice to bring in. ' +
+                    'Create a Realtime-type AI Agent (e.g. "Realtime Co-Agent") and try again.';
+            this.phase = 'error';
+            this.NotifyLoadComplete();
+            return;
+        }
+        this.agentId = coAgent.ID;
+        // Dev model/voice override: gate on the `Realtime: Advanced Session Controls` authorization and, when
+        // held, load the active models + their voices for the pickers (here and the in-room add-agent control).
+        this.canPickModelVoice = UserHoldsAuthorization(this.ProviderToUse?.CurrentUser, REALTIME_ADVANCED_SESSION_CONTROLS, this.ProviderToUse);
+        if (this.canPickModelVoice) {
+            void this.loadRealtimeModels();
+        }
+        // Target candidates: every active agent EXCEPT the Realtime co-agents (they voice a target, not themselves).
+        this.agents = AIEngineBase.Instance.Agents
+            .filter((a) => a.Status === 'Active' && (!realtimeType || !UUIDsEqual(a.TypeID, realtimeType.ID)))
+            .map((a) => ({ ID: a.ID, Name: a.Name ?? '(unnamed)', Description: a.Description ?? null }))
+            .sort((a, b) => a.Name.localeCompare(b.Name));
+        // An explicit record id (deep link to a specific agent) skips the picker and calls it directly.
+        const explicit = this.Data?.ResourceRecordID ? String(this.Data.ResourceRecordID) : null;
+        if (explicit) {
+            this.selectedTargetId = explicit;
+            this.startCall();
+            return;
+        }
+        // Default the picker to the general assistant "Sage" when present, else the first candidate.
+        this.selectedTargetId =
+            this.agents.find((a) => a.Name.trim().toLowerCase() === 'sage')?.ID ?? this.agents[0]?.ID ?? null;
+        this.phase = 'picking';
+        this.NotifyLoadComplete();
+    }
+    /** Picker selection handler (native select; avoids a FormsModule dependency). */
+    onTargetChange(event) {
+        this.selectedTargetId = event.target.value || null;
+    }
+    /** Loads active Realtime models + their voices for the dev pickers (best-effort; empty on failure). */
+    async loadRealtimeModels() {
+        try {
+            const client = new GraphQLLiveKitClient(this.ProviderToUse);
+            this.realtimeModels = await client.GetRealtimeModelVoices();
+        }
+        catch {
+            this.realtimeModels = [];
+        }
+        this.cdr.markForCheck();
+    }
+    /** Commits the chosen target and switches to the live room. */
+    startCall() {
+        if (!this.selectedTargetId) {
+            return;
+        }
+        this.targetAgentId = this.selectedTargetId;
+        this.targetAgentName = this.agents.find((a) => UUIDsEqual(a.ID, this.selectedTargetId))?.Name ?? null;
+        this.phase = 'live';
+    }
+    /** Opens the invite-people dialog for the given room. */
+    openInvite(roomName) {
+        this.inviteRoomName = roomName || null;
+        this.userSearch = '';
+        this.userResults = [];
+        this.selectedInvitees = [];
+        this.searched = false;
+        this.inviteMessage = null;
+        this.showInvite = true;
+    }
+    /** Searches `MJ: Users` by name/email, excluding the current user + already-selected people. */
+    async searchUsers() {
+        const term = this.userSearch.trim();
+        if (!term) {
+            return;
+        }
+        this.searching = true;
+        this.cdr.markForCheck();
+        try {
+            const p = this.ProviderToUse;
+            const escaped = term.replace(/'/g, "''");
+            const excluded = [p.CurrentUser?.ID, ...this.selectedInvitees.map((u) => u.ID)].filter(Boolean);
+            const excludeFilter = excluded.length ? ` AND ID NOT IN (${excluded.map((id) => `'${id}'`).join(',')})` : '';
+            const result = await RunView.FromMetadataProvider(p).RunView({
+                EntityName: 'Users',
+                ExtraFilter: `IsActive = 1 AND (Name LIKE '%${escaped}%' OR Email LIKE '%${escaped}%')${excludeFilter}`,
+                OrderBy: 'Name',
+                Fields: ['ID', 'Name', 'Email'],
+                MaxRows: 20,
+                ResultType: 'simple',
+            });
+            this.userResults = (result.Success ? result.Results : []).map((u) => ({
+                ID: u.ID,
+                Name: u.Name || u.Email || '(unnamed)',
+                Email: u.Email ?? null,
+            }));
+        }
+        finally {
+            this.searching = false;
+            this.searched = true;
+            this.cdr.markForCheck();
+        }
+    }
+    /** Adds a person to the invite list (and out of the results). */
+    addInvitee(user) {
+        if (!this.selectedInvitees.some((u) => UUIDsEqual(u.ID, user.ID))) {
+            this.selectedInvitees = [...this.selectedInvitees, user];
+        }
+        this.userResults = this.userResults.filter((u) => !UUIDsEqual(u.ID, user.ID));
+    }
+    /** Removes a person from the invite list. */
+    removeInvitee(userId) {
+        this.selectedInvitees = this.selectedInvitees.filter((u) => !UUIDsEqual(u.ID, userId));
+    }
+    /** Sends the invites — the server notifies each person (in-app + Comms when configured). */
+    async sendInvites() {
+        if (!this.selectedInvitees.length || !this.inviteRoomName || this.inviting) {
+            return;
+        }
+        this.inviting = true;
+        this.inviteMessage = null;
+        this.cdr.markForCheck();
+        try {
+            const client = new GraphQLLiveKitClient(this.ProviderToUse);
+            const ok = await client.InviteUsers(this.inviteRoomName, this.selectedInvitees.map((u) => u.ID));
+            if (ok) {
+                this.inviteMessage = `Invited ${this.selectedInvitees.length} ${this.selectedInvitees.length === 1 ? 'person' : 'people'}.`;
+                this.selectedInvitees = [];
+                setTimeout(() => {
+                    this.showInvite = false;
+                    this.cdr.markForCheck();
+                }, 900);
+            }
+            else {
+                this.inviteMessage = 'Could not send the invites. Please try again.';
+            }
+        }
+        catch (err) {
+            this.inviteMessage = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.inviting = false;
+            this.cdr.markForCheck();
+        }
+    }
+    ngAfterViewInit() {
+        // Clear the shell loading screen even if resolution is slow — the picker/room/message shows its own
+        // state, so the loader must not hang on direct URL navigation.
+        this.NotifyLoadComplete();
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+    async GetResourceDisplayName(_data) {
+        return 'Live Room';
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-video';
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵLiveKitRoomResource_BaseFactory; return function LiveKitRoomResource_Factory(__ngFactoryType__) { return (ɵLiveKitRoomResource_BaseFactory || (ɵLiveKitRoomResource_BaseFactory = i0.ɵɵgetInheritedFactory(LiveKitRoomResource)))(__ngFactoryType__ || LiveKitRoomResource); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LiveKitRoomResource, selectors: [["mj-livekit-room-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 2, consts: [[1, "mj-livekit-room-resource", 3, "Mode", "RoomName", "AgentID", "TargetAgentID", "AgentName", "AvailableAgents", "RealtimeModelID", "RealtimeVoice", "CanPickModelVoice", "AvailableModels", "Provider", "ShowAgentState", "ShowWhiteboard", "EnableLayoutSwitcher", "EnablePinning"], [1, "mj-lk-prejoin"], [1, "mj-livekit-room-resource__message"], ["Title", "Invite people", "Size", "auto", 3, "Visible", "Width"], [1, "mj-livekit-room-resource", 3, "Connected", "ErrorOccurred", "InvitePeopleRequested", "Mode", "RoomName", "AgentID", "TargetAgentID", "AgentName", "AvailableAgents", "RealtimeModelID", "RealtimeVoice", "CanPickModelVoice", "AvailableModels", "Provider", "ShowAgentState", "ShowWhiteboard", "EnableLayoutSwitcher", "EnablePinning"], [1, "mj-lk-prejoin__card"], [1, "mj-lk-prejoin__icon"], [1, "fa-solid", "fa-video"], [1, "mj-lk-prejoin__title"], [1, "mj-lk-prejoin__subtitle"], ["for", "mj-lk-target", 1, "mj-lk-prejoin__label"], ["id", "mj-lk-target", 1, "mj-input", "mj-lk-prejoin__select", 3, "change"], [3, "value", "selected"], [1, "mj-lk-prejoin__desc"], ["type", "button", 1, "mj-lk-prejoin__start", 3, "click", "disabled"], [1, "fa-solid", "fa-phone"], ["for", "mj-lk-model", 1, "mj-lk-prejoin__label"], [1, "mj-lk-prejoin__dev"], ["id", "mj-lk-model", 1, "mj-input", "mj-lk-prejoin__select", 3, "change"], ["value", ""], ["for", "mj-lk-voice", 1, "mj-lk-prejoin__label"], ["id", "mj-lk-voice", 1, "mj-input", "mj-lk-prejoin__select", 3, "change"], [1, "fa-solid", "fa-circle-exclamation"], ["Title", "Invite people", "Size", "auto", 3, "Close", "Visible", "Width"], [1, "mj-lk-invite"], [1, "mj-lk-invite__hint"], [1, "mj-lk-invite__search"], ["type", "text", "placeholder", "Search people by name or email\u2026", 1, "mj-input", 3, "input", "keydown.enter", "value"], ["type", "button", 1, "mj-lk-invite__searchbtn", 3, "click", "disabled"], [1, "fa-solid"], [1, "mj-lk-invite__chips"], [1, "mj-lk-invite__results"], [1, "mj-lk-invite__empty"], [1, "mj-lk-invite__msg"], [1, "mj-lk-invite__actions"], ["type", "button", 1, "mj-lk-invite__send", 3, "click", "disabled"], ["type", "button", 1, "mj-lk-invite__cancel", 3, "click"], [1, "mj-lk-invite__chip"], ["type", "button", 1, "mj-lk-invite__chipx", 3, "click"], [1, "fa-solid", "fa-xmark"], ["type", "button", 1, "mj-lk-invite__result"], ["type", "button", 1, "mj-lk-invite__result", 3, "click"], [1, "mj-lk-invite__rname"], [1, "mj-lk-invite__remail"]], template: function LiveKitRoomResource_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, LiveKitRoomResource_Case_0_Template, 1, 15, "mj-livekit-agent-room", 0)(1, LiveKitRoomResource_Case_1_Template, 18, 3, "div", 1)(2, LiveKitRoomResource_Case_2_Template, 4, 1, "div", 2)(3, LiveKitRoomResource_Case_3_Template, 2, 0, "div", 2);
+            i0.ɵɵconditionalCreate(4, LiveKitRoomResource_Conditional_4_Template, 18, 21, "mj-dialog", 3);
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵconditional((tmp_0_0 = ctx.phase) === "live" ? 0 : tmp_0_0 === "picking" ? 1 : tmp_0_0 === "error" ? 2 : 3);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.showInvite ? 4 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i2.MJDialogComponent, i3.MJLiveKitRoomComponent], styles: ["[_nghost-%COMP%] {\n        display: block;\n        height: 100%;\n      }\n      .mj-livekit-room-resource[_ngcontent-%COMP%] {\n        display: block;\n        height: 100%;\n      }\n      .mj-livekit-room-resource__message[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        height: 100%;\n        padding: 1.5rem;\n        text-align: center;\n        color: var(--mj-text-secondary);\n      }\n      .mj-livekit-room-resource__message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n        color: var(--mj-status-warning);\n      }\n      .mj-lk-prejoin[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        padding: 1.5rem;\n        background: var(--mj-bg-page);\n      }\n      .mj-lk-prejoin__card[_ngcontent-%COMP%] {\n        width: 100%;\n        max-width: 440px;\n        padding: 2rem;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-lg, 12px);\n        background: var(--mj-bg-surface);\n        box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.12));\n        text-align: center;\n      }\n      .mj-lk-prejoin__icon[_ngcontent-%COMP%] {\n        font-size: 1.75rem;\n        color: var(--mj-brand-primary);\n        margin-bottom: 0.75rem;\n      }\n      .mj-lk-prejoin__title[_ngcontent-%COMP%] {\n        margin: 0 0 0.5rem;\n        color: var(--mj-text-primary);\n        font-size: 1.25rem;\n      }\n      .mj-lk-prejoin__subtitle[_ngcontent-%COMP%] {\n        margin: 0 0 1.5rem;\n        color: var(--mj-text-secondary);\n        font-size: 0.875rem;\n        line-height: 1.4;\n      }\n      .mj-lk-prejoin__label[_ngcontent-%COMP%] {\n        display: block;\n        text-align: left;\n        margin-bottom: 0.35rem;\n        color: var(--mj-text-secondary);\n        font-size: 0.8125rem;\n        font-weight: 600;\n      }\n      .mj-lk-prejoin__dev[_ngcontent-%COMP%] {\n        margin-left: 0.35rem;\n        padding: 0 0.35rem;\n        border-radius: 999px;\n        font-size: 0.625rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        color: var(--mj-text-inverse);\n        background: var(--mj-brand-primary);\n        vertical-align: middle;\n      }\n      .mj-lk-prejoin__select[_ngcontent-%COMP%] {\n        width: 100%;\n        margin-bottom: 0.75rem;\n      }\n      .mj-lk-prejoin__desc[_ngcontent-%COMP%] {\n        text-align: left;\n        margin: 0 0 1.25rem;\n        color: var(--mj-text-muted);\n        font-size: 0.8125rem;\n        line-height: 1.4;\n      }\n      .mj-lk-prejoin__start[_ngcontent-%COMP%] {\n        width: 100%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        padding: 0.625rem 1rem;\n        border: none;\n        border-radius: var(--mj-radius-md, 8px);\n        background: var(--mj-brand-primary);\n        color: var(--mj-text-inverse);\n        font-size: 0.9375rem;\n        font-weight: 600;\n        cursor: pointer;\n      }\n      .mj-lk-prejoin__start[_ngcontent-%COMP%]:hover:not(:disabled) {\n        background: var(--mj-brand-primary-hover);\n      }\n      .mj-lk-prejoin__start[_ngcontent-%COMP%]:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n      .mj-lk-invite[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        min-width: 360px;\n        padding: 0.25rem;\n      }\n      .mj-lk-invite__hint[_ngcontent-%COMP%] {\n        margin: 0;\n        color: var(--mj-text-muted);\n        font-size: 0.8125rem;\n      }\n      .mj-lk-invite__search[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 0.5rem;\n      }\n      .mj-lk-invite__search[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n        flex: 1;\n      }\n      .mj-lk-invite__searchbtn[_ngcontent-%COMP%], \n   .mj-lk-invite__send[_ngcontent-%COMP%], \n   .mj-lk-invite__cancel[_ngcontent-%COMP%] {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.4rem;\n        padding: 0.5rem 0.85rem;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-md, 8px);\n        cursor: pointer;\n        font-size: 0.875rem;\n        background: var(--mj-bg-surface);\n        color: var(--mj-text-primary);\n      }\n      .mj-lk-invite__send[_ngcontent-%COMP%] {\n        border: none;\n        background: var(--mj-brand-primary);\n        color: var(--mj-text-inverse);\n      }\n      .mj-lk-invite__send[_ngcontent-%COMP%]:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n      .mj-lk-invite__chips[_ngcontent-%COMP%] {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0.4rem;\n      }\n      .mj-lk-invite__chip[_ngcontent-%COMP%] {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n        padding: 0.2rem 0.5rem;\n        border-radius: 999px;\n        font-size: 0.8125rem;\n        color: var(--mj-text-primary);\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n      }\n      .mj-lk-invite__chipx[_ngcontent-%COMP%] {\n        border: none;\n        background: transparent;\n        cursor: pointer;\n        color: var(--mj-text-muted);\n        padding: 0;\n      }\n      .mj-lk-invite__results[_ngcontent-%COMP%] {\n        max-height: 220px;\n        overflow-y: auto;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-md, 8px);\n      }\n      .mj-lk-invite__result[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 0.1rem;\n        width: 100%;\n        padding: 0.5rem 0.75rem;\n        border: none;\n        border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n        background: transparent;\n        cursor: pointer;\n        text-align: left;\n      }\n      .mj-lk-invite__result[_ngcontent-%COMP%]:hover {\n        background: var(--mj-bg-surface-hover);\n      }\n      .mj-lk-invite__rname[_ngcontent-%COMP%] {\n        color: var(--mj-text-primary);\n        font-size: 0.875rem;\n      }\n      .mj-lk-invite__remail[_ngcontent-%COMP%] {\n        color: var(--mj-text-muted);\n        font-size: 0.75rem;\n      }\n      .mj-lk-invite__empty[_ngcontent-%COMP%] {\n        color: var(--mj-text-muted);\n        font-size: 0.8125rem;\n        padding: 0.25rem;\n      }\n      .mj-lk-invite__msg[_ngcontent-%COMP%] {\n        color: var(--mj-text-secondary);\n        font-size: 0.8125rem;\n      }\n      .mj-lk-invite__actions[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 0.5rem;\n        margin-top: 0.25rem;\n      }"] });
+};
+LiveKitRoomResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'LiveKitRoomResource')
+], LiveKitRoomResource);
+export { LiveKitRoomResource };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LiveKitRoomResource, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-livekit-room-resource', template: `
+    @switch (phase) {
+      @case ('live') {
+        <mj-livekit-agent-room
+          class="mj-livekit-room-resource"
+          [Mode]="roomMode"
+          [RoomName]="joinRoomName"
+          [AgentID]="agentId"
+          [TargetAgentID]="targetAgentId"
+          [AgentName]="targetAgentName"
+          [AvailableAgents]="agents"
+          [RealtimeModelID]="selectedModelId"
+          [RealtimeVoice]="selectedVoice"
+          [CanPickModelVoice]="canPickModelVoice"
+          [AvailableModels]="realtimeModels"
+          [Provider]="ProviderToUse"
+          [ShowAgentState]="true"
+          [ShowWhiteboard]="true"
+          [EnableLayoutSwitcher]="true"
+          [EnablePinning]="true"
+          (Connected)="NotifyLoadComplete()"
+          (ErrorOccurred)="NotifyLoadComplete()"
+          (InvitePeopleRequested)="openInvite($event)"
+        ></mj-livekit-agent-room>
+      }
+      @case ('picking') {
+        <div class="mj-lk-prejoin">
+          <div class="mj-lk-prejoin__card">
+            <div class="mj-lk-prejoin__icon"><i class="fa-solid fa-video"></i></div>
+            <h2 class="mj-lk-prejoin__title">Start a call</h2>
+            <p class="mj-lk-prejoin__subtitle">
+              Choose the agent you want to talk to. You can add more agents (and invite people) once
+              you're in the room.
+            </p>
+            <label class="mj-lk-prejoin__label" for="mj-lk-target">Agent</label>
+            <select id="mj-lk-target" class="mj-input mj-lk-prejoin__select" (change)="onTargetChange($event)">
+              @for (a of agents; track a.ID) {
+                <option [value]="a.ID" [selected]="UUIDsEqual(a.ID, selectedTargetId)">{{ a.Name }}</option>
+              }
+            </select>
+            @if (selectedDescription) {
+              <p class="mj-lk-prejoin__desc">{{ selectedDescription }}</p>
+            }
+            @if (canPickModelVoice && realtimeModels.length) {
+              <label class="mj-lk-prejoin__label" for="mj-lk-model">Model <span class="mj-lk-prejoin__dev">dev</span></label>
+              <select id="mj-lk-model" class="mj-input mj-lk-prejoin__select" (change)="onModelChange($event)">
+                <option value="">Default model</option>
+                @for (m of realtimeModels; track m.ModelID) {
+                  <option [value]="m.ModelID" [selected]="UUIDsEqual(m.ModelID, selectedModelId)">{{ m.ModelName }}</option>
+                }
+              </select>
+              @if (selectedModelVoices.length) {
+                <label class="mj-lk-prejoin__label" for="mj-lk-voice">Voice <span class="mj-lk-prejoin__dev">dev</span></label>
+                <select id="mj-lk-voice" class="mj-input mj-lk-prejoin__select" (change)="onVoiceChange($event)">
+                  <option value="">Default voice</option>
+                  @for (v of selectedModelVoices; track v.ID) {
+                    <option [value]="v.ID" [selected]="v.ID === selectedVoice">{{ v.Name }}</option>
+                  }
+                </select>
+              }
+            }
+            <button type="button" class="mj-lk-prejoin__start" [disabled]="!selectedTargetId" (click)="startCall()">
+              <i class="fa-solid fa-phone"></i> Start call
+            </button>
+          </div>
+        </div>
+      }
+      @case ('error') {
+        <div class="mj-livekit-room-resource__message">
+          <i class="fa-solid fa-circle-exclamation"></i>
+          <span>{{ resolveError }}</span>
+        </div>
+      }
+      @default {
+        <div class="mj-livekit-room-resource__message">Preparing room…</div>
+      }
+    }
+
+    @if (showInvite) {
+      <mj-dialog [Visible]="showInvite" (Close)="showInvite = false" Title="Invite people" Size="auto" [Width]="440">
+        <div class="mj-lk-invite">
+          <p class="mj-lk-invite__hint">They'll get an in-app notification (and an email if Comms is set up) to join this room.</p>
+          <div class="mj-lk-invite__search">
+            <input class="mj-input" type="text" [value]="userSearch" placeholder="Search people by name or email…"
+              (input)="userSearch = $any($event.target).value" (keydown.enter)="searchUsers()" />
+            <button type="button" class="mj-lk-invite__searchbtn" [disabled]="searching" (click)="searchUsers()">
+              <i class="fa-solid" [class.fa-magnifying-glass]="!searching" [class.fa-spinner]="searching" [class.fa-spin]="searching"></i>
+            </button>
+          </div>
+
+          @if (selectedInvitees.length) {
+            <div class="mj-lk-invite__chips">
+              @for (u of selectedInvitees; track u.ID) {
+                <span class="mj-lk-invite__chip">
+                  {{ u.Name }}
+                  <button type="button" class="mj-lk-invite__chipx" (click)="removeInvitee(u.ID)"><i class="fa-solid fa-xmark"></i></button>
+                </span>
+              }
+            </div>
+          }
+
+          @if (userResults.length) {
+            <div class="mj-lk-invite__results">
+              @for (u of userResults; track u.ID) {
+                <button type="button" class="mj-lk-invite__result" (click)="addInvitee(u)">
+                  <span class="mj-lk-invite__rname">{{ u.Name }}</span>
+                  @if (u.Email) { <span class="mj-lk-invite__remail">{{ u.Email }}</span> }
+                </button>
+              }
+            </div>
+          } @else if (searched && !searching) {
+            <div class="mj-lk-invite__empty">No matching people.</div>
+          }
+
+          @if (inviteMessage) {
+            <div class="mj-lk-invite__msg">{{ inviteMessage }}</div>
+          }
+
+          <div class="mj-lk-invite__actions">
+            <button type="button" class="mj-lk-invite__send" [disabled]="!selectedInvitees.length || inviting" (click)="sendInvites()">
+              <i class="fa-solid" [class.fa-paper-plane]="!inviting" [class.fa-spinner]="inviting" [class.fa-spin]="inviting"></i>
+              Invite {{ selectedInvitees.length || '' }}
+            </button>
+            <button type="button" class="mj-lk-invite__cancel" (click)="showInvite = false">Cancel</button>
+          </div>
+        </div>
+      </mj-dialog>
+    }
+  `, styles: ["\n      :host {\n        display: block;\n        height: 100%;\n      }\n      .mj-livekit-room-resource {\n        display: block;\n        height: 100%;\n      }\n      .mj-livekit-room-resource__message {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        height: 100%;\n        padding: 1.5rem;\n        text-align: center;\n        color: var(--mj-text-secondary);\n      }\n      .mj-livekit-room-resource__message i {\n        color: var(--mj-status-warning);\n      }\n      .mj-lk-prejoin {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        padding: 1.5rem;\n        background: var(--mj-bg-page);\n      }\n      .mj-lk-prejoin__card {\n        width: 100%;\n        max-width: 440px;\n        padding: 2rem;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-lg, 12px);\n        background: var(--mj-bg-surface);\n        box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.12));\n        text-align: center;\n      }\n      .mj-lk-prejoin__icon {\n        font-size: 1.75rem;\n        color: var(--mj-brand-primary);\n        margin-bottom: 0.75rem;\n      }\n      .mj-lk-prejoin__title {\n        margin: 0 0 0.5rem;\n        color: var(--mj-text-primary);\n        font-size: 1.25rem;\n      }\n      .mj-lk-prejoin__subtitle {\n        margin: 0 0 1.5rem;\n        color: var(--mj-text-secondary);\n        font-size: 0.875rem;\n        line-height: 1.4;\n      }\n      .mj-lk-prejoin__label {\n        display: block;\n        text-align: left;\n        margin-bottom: 0.35rem;\n        color: var(--mj-text-secondary);\n        font-size: 0.8125rem;\n        font-weight: 600;\n      }\n      .mj-lk-prejoin__dev {\n        margin-left: 0.35rem;\n        padding: 0 0.35rem;\n        border-radius: 999px;\n        font-size: 0.625rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        color: var(--mj-text-inverse);\n        background: var(--mj-brand-primary);\n        vertical-align: middle;\n      }\n      .mj-lk-prejoin__select {\n        width: 100%;\n        margin-bottom: 0.75rem;\n      }\n      .mj-lk-prejoin__desc {\n        text-align: left;\n        margin: 0 0 1.25rem;\n        color: var(--mj-text-muted);\n        font-size: 0.8125rem;\n        line-height: 1.4;\n      }\n      .mj-lk-prejoin__start {\n        width: 100%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        padding: 0.625rem 1rem;\n        border: none;\n        border-radius: var(--mj-radius-md, 8px);\n        background: var(--mj-brand-primary);\n        color: var(--mj-text-inverse);\n        font-size: 0.9375rem;\n        font-weight: 600;\n        cursor: pointer;\n      }\n      .mj-lk-prejoin__start:hover:not(:disabled) {\n        background: var(--mj-brand-primary-hover);\n      }\n      .mj-lk-prejoin__start:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n      .mj-lk-invite {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        min-width: 360px;\n        padding: 0.25rem;\n      }\n      .mj-lk-invite__hint {\n        margin: 0;\n        color: var(--mj-text-muted);\n        font-size: 0.8125rem;\n      }\n      .mj-lk-invite__search {\n        display: flex;\n        gap: 0.5rem;\n      }\n      .mj-lk-invite__search .mj-input {\n        flex: 1;\n      }\n      .mj-lk-invite__searchbtn,\n      .mj-lk-invite__send,\n      .mj-lk-invite__cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.4rem;\n        padding: 0.5rem 0.85rem;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-md, 8px);\n        cursor: pointer;\n        font-size: 0.875rem;\n        background: var(--mj-bg-surface);\n        color: var(--mj-text-primary);\n      }\n      .mj-lk-invite__send {\n        border: none;\n        background: var(--mj-brand-primary);\n        color: var(--mj-text-inverse);\n      }\n      .mj-lk-invite__send:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n      .mj-lk-invite__chips {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0.4rem;\n      }\n      .mj-lk-invite__chip {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n        padding: 0.2rem 0.5rem;\n        border-radius: 999px;\n        font-size: 0.8125rem;\n        color: var(--mj-text-primary);\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n      }\n      .mj-lk-invite__chipx {\n        border: none;\n        background: transparent;\n        cursor: pointer;\n        color: var(--mj-text-muted);\n        padding: 0;\n      }\n      .mj-lk-invite__results {\n        max-height: 220px;\n        overflow-y: auto;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-md, 8px);\n      }\n      .mj-lk-invite__result {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 0.1rem;\n        width: 100%;\n        padding: 0.5rem 0.75rem;\n        border: none;\n        border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n        background: transparent;\n        cursor: pointer;\n        text-align: left;\n      }\n      .mj-lk-invite__result:hover {\n        background: var(--mj-bg-surface-hover);\n      }\n      .mj-lk-invite__rname {\n        color: var(--mj-text-primary);\n        font-size: 0.875rem;\n      }\n      .mj-lk-invite__remail {\n        color: var(--mj-text-muted);\n        font-size: 0.75rem;\n      }\n      .mj-lk-invite__empty {\n        color: var(--mj-text-muted);\n        font-size: 0.8125rem;\n        padding: 0.25rem;\n      }\n      .mj-lk-invite__msg {\n        color: var(--mj-text-secondary);\n        font-size: 0.8125rem;\n      }\n      .mj-lk-invite__actions {\n        display: flex;\n        gap: 0.5rem;\n        margin-top: 0.25rem;\n      }\n    "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LiveKitRoomResource, { className: "LiveKitRoomResource", filePath: "src/lib/resource-wrappers/livekit-room-resource.component.ts", lineNumber: 390 }); })();
+//# sourceMappingURL=livekit-room-resource.component.js.map