@memberjunction/ng-explorer-core 5.41.0 → 5.43.0

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

@@ -0,0 +1,1197 @@
+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;
+const _forTrack2 = ($index, $item) => $item.RoomName;
+const _forTrack3 = ($index, $item) => $item.ConversationID;
+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()); })("Disconnected", function LiveKitRoomResource_Case_0_Template_mj_livekit_agent_room_Disconnected_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRoomLeft()); })("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_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 14);
+    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_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 15);
+    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_17_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 14);
+    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_17_Conditional_9_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 14);
+    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_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 22);
+    i0.ɵɵtext(1, "Voice ");
+    i0.ɵɵelementStart(2, "span", 19);
+    i0.ɵɵtext(3, "dev");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "select", 23);
+    i0.ɵɵlistener("change", function LiveKitRoomResource_Case_1_Conditional_17_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", 21);
+    i0.ɵɵtext(6, "Default voice");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(7, LiveKitRoomResource_Case_1_Conditional_17_Conditional_9_For_8_Template, 2, 3, "option", 14, _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_17_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 18);
+    i0.ɵɵtext(1, "Model ");
+    i0.ɵɵelementStart(2, "span", 19);
+    i0.ɵɵtext(3, "dev");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "select", 20);
+    i0.ɵɵlistener("change", function LiveKitRoomResource_Case_1_Conditional_17_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", 21);
+    i0.ɵɵtext(6, "Default model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(7, LiveKitRoomResource_Case_1_Conditional_17_For_8_Template, 2, 3, "option", 14, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, LiveKitRoomResource_Case_1_Conditional_17_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, "button", 6);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.backToLanding()); });
+    i0.ɵɵelement(3, "i", 7);
+    i0.ɵɵtext(4, " Back");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 8);
+    i0.ɵɵelement(6, "i", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "h2", 10);
+    i0.ɵɵtext(8, "Start a call");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "p", 11);
+    i0.ɵɵtext(10, " 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(11, "label", 12);
+    i0.ɵɵtext(12, "Agent");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "select", 13);
+    i0.ɵɵlistener("change", function LiveKitRoomResource_Case_1_Template_select_change_13_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTargetChange($event)); });
+    i0.ɵɵrepeaterCreate(14, LiveKitRoomResource_Case_1_For_15_Template, 2, 3, "option", 14, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(16, LiveKitRoomResource_Case_1_Conditional_16_Template, 2, 1, "p", 15);
+    i0.ɵɵconditionalCreate(17, LiveKitRoomResource_Case_1_Conditional_17_Template, 10, 1);
+    i0.ɵɵelementStart(18, "button", 16);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_1_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.startCall()); });
+    i0.ɵɵelement(19, "i", 17);
+    i0.ɵɵtext(20, " Start call ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(14);
+    i0.ɵɵrepeater(ctx_r1.agents);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.selectedDescription ? 16 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.canPickModelVoice && ctx_r1.realtimeModels.length ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", !ctx_r1.selectedTargetId);
+} }
+function LiveKitRoomResource_Case_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 24)(2, "div", 8);
+    i0.ɵɵelement(3, "i", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "h2", 10);
+    i0.ɵɵtext(5, "Meet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 11);
+    i0.ɵɵtext(7, "Start a live room with agents and people, join one that's in progress, or review a past meeting.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 25)(9, "button", 26);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_2_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.startNewRoom()); });
+    i0.ɵɵelement(10, "i", 27);
+    i0.ɵɵelementStart(11, "span", 28);
+    i0.ɵɵtext(12, "New room");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "span", 29);
+    i0.ɵɵtext(14, "Pick an agent and start a fresh call.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "button", 26);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_2_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openExisting()); });
+    i0.ɵɵelement(16, "i", 30);
+    i0.ɵɵelementStart(17, "span", 28);
+    i0.ɵɵtext(18, "Join existing");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span", 29);
+    i0.ɵɵtext(20, "Hop into a room that's live right now.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "button", 26);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_2_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openHistory()); });
+    i0.ɵɵelement(22, "i", 31);
+    i0.ɵɵelementStart(23, "span", 28);
+    i0.ɵɵtext(24, "History");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "span", 29);
+    i0.ɵɵtext(26, "Read transcripts of past meetings.");
+    i0.ɵɵelementEnd()()()()();
+} }
+function LiveKitRoomResource_Case_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵtext(2, " Finding active rooms\u2026");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Case_3_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 40);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_3_Conditional_8_For_2_Template_button_click_0_listener() { const r_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.joinExistingRoom(r_r12.RoomName)); });
+    i0.ɵɵelementStart(1, "span", 41);
+    i0.ɵɵelement(2, "i", 42);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 43);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const r_r12 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", r_r12.Label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", r_r12.AgentCount, " agent", r_r12.AgentCount === 1 ? "" : "s", " \u00B7 Join");
+} }
+function LiveKitRoomResource_Case_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Case_3_Conditional_8_For_2_Template, 6, 3, "button", 39, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.activeRooms);
+} }
+function LiveKitRoomResource_Case_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 15);
+    i0.ɵɵtext(1, "No rooms are active right now.");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Case_3_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 24)(2, "button", 6);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.backToLanding()); });
+    i0.ɵɵelement(3, "i", 7);
+    i0.ɵɵtext(4, " Back");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "h2", 10);
+    i0.ɵɵtext(6, "Join a room");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, LiveKitRoomResource_Case_3_Conditional_7_Template, 3, 0, "div", 32)(8, LiveKitRoomResource_Case_3_Conditional_8_Template, 3, 0, "div", 33)(9, LiveKitRoomResource_Case_3_Conditional_9_Template, 2, 0, "p", 15);
+    i0.ɵɵelementStart(10, "label", 34);
+    i0.ɵɵtext(11, "Or join by name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div", 35)(13, "input", 36);
+    i0.ɵɵlistener("input", function LiveKitRoomResource_Case_3_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.manualRoomName = $event.target.value); })("keydown.enter", function LiveKitRoomResource_Case_3_Template_input_keydown_enter_13_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.joinExistingRoom(ctx_r1.manualRoomName)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "button", 37);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.joinExistingRoom(ctx_r1.manualRoomName)); });
+    i0.ɵɵtext(15, "Join");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r1.loadingActive ? 7 : ctx_r1.activeRooms.length ? 8 : 9);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("value", ctx_r1.manualRoomName);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", !ctx_r1.manualRoomName.trim());
+} }
+function LiveKitRoomResource_Case_4_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵtext(2, " Loading\u2026");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 40);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_For_2_Template_button_click_0_listener() { const h_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openTranscript(h_r15)); });
+    i0.ɵɵelementStart(1, "span", 41);
+    i0.ɵɵelement(2, "i", 44);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 43);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const h_r15 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", h_r15.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.formatTime(h_r15.At));
+} }
+function LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_For_2_Template, 6, 2, "button", 39, _forTrack3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.historyRooms);
+} }
+function LiveKitRoomResource_Case_4_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 15);
+    i0.ɵɵtext(1, "No past meetings yet.");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Case_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_4_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.backToLanding()); });
+    i0.ɵɵelement(1, "i", 7);
+    i0.ɵɵtext(2, " Back");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "h2", 10);
+    i0.ɵɵtext(4, "Past meetings");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, LiveKitRoomResource_Case_4_Conditional_2_Conditional_5_Template, 3, 0, "div", 32)(6, LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_Template, 3, 0, "div", 33)(7, LiveKitRoomResource_Case_4_Conditional_2_Conditional_7_Template, 2, 0, "p", 15);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.loadingHistory ? 5 : ctx_r1.historyRooms.length ? 6 : 7);
+} }
+function LiveKitRoomResource_Case_4_Conditional_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵtext(2, " Loading transcript\u2026");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Case_4_Conditional_3_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 47)(1, "span", 48);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 49);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const line_r17 = ctx.$implicit;
+    i0.ɵɵclassProp("mj-lk-tline--agent", line_r17.Kind === "agent")("mj-lk-tline--error", line_r17.Kind === "error");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(line_r17.Speaker);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(line_r17.Message);
+} }
+function LiveKitRoomResource_Case_4_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Case_4_Conditional_3_Conditional_6_For_2_Template, 5, 6, "div", 46, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.historyTranscript);
+} }
+function LiveKitRoomResource_Case_4_Conditional_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 15);
+    i0.ɵɵtext(1, "No transcript was captured for this meeting.");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Case_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_4_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeTranscript()); });
+    i0.ɵɵelement(1, "i", 7);
+    i0.ɵɵtext(2, " All meetings");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "h2", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, LiveKitRoomResource_Case_4_Conditional_3_Conditional_5_Template, 3, 0, "div", 32)(6, LiveKitRoomResource_Case_4_Conditional_3_Conditional_6_Template, 3, 0, "div", 45)(7, LiveKitRoomResource_Case_4_Conditional_3_Conditional_7_Template, 2, 0, "p", 15);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.openHistoryRoom.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.loadingTranscript ? 5 : ctx_r1.historyTranscript.length ? 6 : 7);
+} }
+function LiveKitRoomResource_Case_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 24);
+    i0.ɵɵconditionalCreate(2, LiveKitRoomResource_Case_4_Conditional_2_Template, 8, 1)(3, LiveKitRoomResource_Case_4_Conditional_3_Template, 8, 2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r1.openHistoryRoom ? 2 : 3);
+} }
+function LiveKitRoomResource_Case_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 50);
+    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_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtext(1, "Preparing room\u2026");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Conditional_7_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 65);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "button", 66);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Conditional_8_For_2_Template_button_click_2_listener() { const u_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeInvitee(u_r20.ID)); });
+    i0.ɵɵelement(3, "i", 67);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const u_r20 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", u_r20.Name, " ");
+} }
+function LiveKitRoomResource_Conditional_7_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 58);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Conditional_7_Conditional_8_For_2_Template, 4, 1, "span", 65, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.selectedInvitees);
+} }
+function LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const u_r22 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(u_r22.Email);
+} }
+function LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 69);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Template_button_click_0_listener() { const u_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addInvitee(u_r22)); });
+    i0.ɵɵelementStart(1, "span", 70);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Conditional_3_Template, 2, 1, "span", 71);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const u_r22 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(u_r22.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(u_r22.Email ? 3 : -1);
+} }
+function LiveKitRoomResource_Conditional_7_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Template, 4, 2, "button", 68, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.userResults);
+} }
+function LiveKitRoomResource_Conditional_7_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵtext(1, "No matching people.");
+    i0.ɵɵelementEnd();
+} }
+function LiveKitRoomResource_Conditional_7_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.inviteMessage);
+} }
+function LiveKitRoomResource_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 51);
+    i0.ɵɵlistener("Close", function LiveKitRoomResource_Conditional_7_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showInvite = false); });
+    i0.ɵɵelementStart(1, "div", 52)(2, "p", 53);
+    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", 54)(5, "input", 55);
+    i0.ɵɵlistener("input", function LiveKitRoomResource_Conditional_7_Template_input_input_5_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.userSearch = $event.target.value); })("keydown.enter", function LiveKitRoomResource_Conditional_7_Template_input_keydown_enter_5_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.searchUsers()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 56);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.searchUsers()); });
+    i0.ɵɵelement(7, "i", 57);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(8, LiveKitRoomResource_Conditional_7_Conditional_8_Template, 3, 0, "div", 58);
+    i0.ɵɵconditionalCreate(9, LiveKitRoomResource_Conditional_7_Conditional_9_Template, 3, 0, "div", 59)(10, LiveKitRoomResource_Conditional_7_Conditional_10_Template, 2, 0, "div", 60);
+    i0.ɵɵconditionalCreate(11, LiveKitRoomResource_Conditional_7_Conditional_11_Template, 2, 1, "div", 61);
+    i0.ɵɵelementStart(12, "div", 62)(13, "button", 63);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.sendInvites()); });
+    i0.ɵɵelement(14, "i", 57);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 64);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r18); 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 → landing (new/existing/history) → picker/existing/history → live room. */
+    phase = 'loading';
+    // ── "Join existing" state ─────────────────────────────────────────────────────────
+    /** Currently-active rooms (a distinct `ExternalConnectionID` with ≥1 connected agent bridge). */
+    activeRooms = [];
+    /** True while loading the active-rooms list. */
+    loadingActive = false;
+    /** Free-text room name to join directly (the "join by name/code" path). */
+    manualRoomName = '';
+    // ── "History" (past meetings) state ───────────────────────────────────────────────
+    /** Past meeting rooms (the `MJ: Conversations` of Type='Meeting Room' the bridge recorded). */
+    historyRooms = [];
+    /** True while loading the history list. */
+    loadingHistory = false;
+    /** The history room whose transcript is open (drill-in), or null for the list. */
+    openHistoryRoom = null;
+    /** The opened room's transcript lines. */
+    historyTranscript = [];
+    /** True while loading a room's transcript. */
+    loadingTranscript = false;
+    /** `'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;
+        // Land on the Meet home (start new / join existing / history) rather than jumping straight into the picker.
+        this.phase = 'landing';
+        this.NotifyLoadComplete();
+    }
+    // ── Meet landing navigation ─────────────────────────────────────────────────────────
+    /**
+     * The room disconnected (the user clicked **Leave** or **End meeting**, or the room dropped). Return to the
+     * Meet landing so they can start a new room, join another, or review history — rather than being stranded
+     * on a dead room. Resets the join state so the next "New room" / "Join existing" starts clean.
+     */
+    onRoomLeft() {
+        this.roomMode = 'agent';
+        this.joinRoomName = null;
+        this.phase = 'landing';
+        this.cdr.detectChanges();
+    }
+    /** Go to the "start a new room" picker. */
+    startNewRoom() {
+        this.phase = 'picking';
+    }
+    /** Open the "join existing room" view and load the active rooms. */
+    openExisting() {
+        this.phase = 'existing';
+        void this.loadActiveRooms();
+    }
+    /** Open the "past meetings" history view and load the list. */
+    openHistory() {
+        this.phase = 'history';
+        this.openHistoryRoom = null;
+        void this.loadHistory();
+    }
+    /** Back to the Meet home. */
+    backToLanding() {
+        this.phase = 'landing';
+    }
+    /** Joins an existing room by its LiveKit room name (the bridge `ExternalConnectionID`). */
+    joinExistingRoom(roomName) {
+        const name = roomName.trim();
+        if (!name) {
+            return;
+        }
+        this.roomMode = 'join';
+        this.joinRoomName = name;
+        this.phase = 'live';
+    }
+    /** Loads currently-active rooms: distinct rooms that have a Connected/Connecting agent bridge. */
+    async loadActiveRooms() {
+        this.loadingActive = true;
+        this.activeRooms = [];
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const res = await rv.RunView({
+                EntityName: 'MJ: AI Agent Session Bridges',
+                ExtraFilter: `Status IN ('Connected','Connecting') AND ExternalConnectionID IS NOT NULL`,
+                Fields: ['ExternalConnectionID', 'Agent'],
+                OrderBy: '__mj_CreatedAt DESC',
+                MaxRows: 500,
+                ResultType: 'simple',
+            }, this.ProviderToUse.CurrentUser);
+            if (res.Success) {
+                const byRoom = new Map();
+                for (const r of res.Results) {
+                    const room = String(r['ExternalConnectionID'] ?? '');
+                    if (!room) {
+                        continue;
+                    }
+                    const entry = byRoom.get(room) ?? { count: 0, agents: new Set() };
+                    entry.count += 1;
+                    if (r['Agent']) {
+                        entry.agents.add(String(r['Agent']));
+                    }
+                    byRoom.set(room, entry);
+                }
+                this.activeRooms = [...byRoom.entries()].map(([room, info]) => ({
+                    RoomName: room,
+                    Label: info.agents.size ? [...info.agents].join(', ') : room,
+                    AgentCount: info.count,
+                }));
+            }
+        }
+        finally {
+            this.loadingActive = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Loads past meetings: the `Meeting Room` conversations the bridge recorded, newest first. */
+    async loadHistory() {
+        this.loadingHistory = true;
+        this.historyRooms = [];
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const res = await rv.RunView({
+                EntityName: 'MJ: Conversations',
+                ExtraFilter: `Type='Meeting Room'`,
+                Fields: ['ID', 'Name', '__mj_UpdatedAt'],
+                OrderBy: '__mj_UpdatedAt DESC',
+                MaxRows: 200,
+                ResultType: 'simple',
+            }, this.ProviderToUse.CurrentUser);
+            if (res.Success) {
+                this.historyRooms = res.Results.map((r) => ({
+                    ConversationID: String(r['ID']),
+                    Name: String(r['Name'] ?? 'Meeting'),
+                    At: new Date(String(r['__mj_UpdatedAt'] ?? '')),
+                }));
+            }
+        }
+        finally {
+            this.loadingHistory = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Opens a past meeting's transcript (drill-in). */
+    async openTranscript(room) {
+        this.openHistoryRoom = room;
+        this.historyTranscript = [];
+        this.loadingTranscript = true;
+        this.cdr.detectChanges();
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const res = await rv.RunView({
+                EntityName: 'MJ: Conversation Details',
+                ExtraFilter: `ConversationID='${room.ConversationID.replace(/'/g, "''")}'`,
+                Fields: ['Role', 'Message', 'AgentID', 'Error', '__mj_CreatedAt'],
+                OrderBy: '__mj_CreatedAt ASC',
+                MaxRows: 5000,
+                ResultType: 'simple',
+            }, this.ProviderToUse.CurrentUser);
+            if (res.Success) {
+                this.historyTranscript = res.Results.map((d) => {
+                    const role = String(d['Role'] ?? 'User');
+                    if (role === 'Error') {
+                        return { Kind: 'error', Speaker: 'Error', Message: String(d['Error'] ?? d['Message'] ?? '') };
+                    }
+                    if (role === 'AI') {
+                        const agentId = String(d['AgentID'] ?? '').toLowerCase();
+                        const name = AIEngineBase.Instance.Agents.find((a) => a.ID.toLowerCase() === agentId)?.Name ?? 'Agent';
+                        return { Kind: 'agent', Speaker: name, Message: String(d['Message'] ?? '') };
+                    }
+                    return { Kind: 'human', Speaker: 'Participant', Message: String(d['Message'] ?? '') };
+                });
+            }
+        }
+        finally {
+            this.loadingTranscript = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Back to the history list from a transcript drill-in. */
+    closeTranscript() {
+        this.openHistoryRoom = null;
+    }
+    /** Formats a meeting timestamp for the history list (avoids a `date` pipe / CommonModule dependency). */
+    formatTime(d) {
+        return d && !isNaN(d.getTime()) ? d.toLocaleString() : '';
+    }
+    /** 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: 8, 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", "Disconnected", "ErrorOccurred", "InvitePeopleRequested", "Mode", "RoomName", "AgentID", "TargetAgentID", "AgentName", "AvailableAgents", "RealtimeModelID", "RealtimeVoice", "CanPickModelVoice", "AvailableModels", "Provider", "ShowAgentState", "ShowWhiteboard", "EnableLayoutSwitcher", "EnablePinning"], [1, "mj-lk-prejoin__card"], ["type", "button", 1, "mj-lk-back", 3, "click"], [1, "fa-solid", "fa-arrow-left"], [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, "mj-lk-prejoin__card", "mj-lk-prejoin__card--wide"], [1, "mj-lk-cards"], ["type", "button", 1, "mj-lk-card", 3, "click"], [1, "fa-solid", "fa-circle-plus"], [1, "mj-lk-card__t"], [1, "mj-lk-card__d"], [1, "fa-solid", "fa-door-open"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "mj-lk-listmsg"], [1, "mj-lk-list"], ["for", "mj-lk-room", 1, "mj-lk-prejoin__label"], [1, "mj-lk-joinrow"], ["id", "mj-lk-room", "type", "text", "placeholder", "Room name\u2026", 1, "mj-input", "mj-lk-joinrow__input", 3, "input", "keydown.enter", "value"], ["type", "button", 1, "mj-lk-prejoin__start", "mj-lk-joinrow__btn", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["type", "button", 1, "mj-lk-list__row"], ["type", "button", 1, "mj-lk-list__row", 3, "click"], [1, "mj-lk-list__name"], [1, "fa-solid", "fa-circle", "mj-lk-livedot"], [1, "mj-lk-list__meta"], [1, "fa-solid", "fa-comments"], [1, "mj-lk-transcript"], [1, "mj-lk-tline", 3, "mj-lk-tline--agent", "mj-lk-tline--error"], [1, "mj-lk-tline"], [1, "mj-lk-tline__who"], [1, "mj-lk-tline__msg"], [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, 21, 3, "div", 1)(2, LiveKitRoomResource_Case_2_Template, 27, 0, "div", 1)(3, LiveKitRoomResource_Case_3_Template, 16, 3, "div", 1)(4, LiveKitRoomResource_Case_4_Template, 4, 1, "div", 1)(5, LiveKitRoomResource_Case_5_Template, 4, 1, "div", 2)(6, LiveKitRoomResource_Case_6_Template, 2, 0, "div", 2);
+            i0.ɵɵconditionalCreate(7, LiveKitRoomResource_Conditional_7_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 === "landing" ? 2 : tmp_0_0 === "existing" ? 3 : tmp_0_0 === "history" ? 4 : tmp_0_0 === "error" ? 5 : 6);
+            i0.ɵɵadvance(7);
+            i0.ɵɵconditional(ctx.showInvite ? 7 : -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-prejoin__card--wide[_ngcontent-%COMP%] {\n        max-width: 560px;\n        text-align: left;\n      }\n      .mj-lk-back[_ngcontent-%COMP%] {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        margin-bottom: 0.75rem;\n        padding: 4px 8px;\n        border: none;\n        background: none;\n        cursor: pointer;\n        color: var(--mj-text-secondary);\n        font-size: 0.8125rem;\n      }\n      .mj-lk-back[_ngcontent-%COMP%]:hover { color: var(--mj-text-primary); }\n      .mj-lk-cards[_ngcontent-%COMP%] {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0.75rem;\n        margin-top: 1.25rem;\n      }\n      .mj-lk-card[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 6px;\n        padding: 1.25rem 0.75rem;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-lg, 12px);\n        background: var(--mj-bg-surface-card);\n        cursor: pointer;\n        text-align: center;\n      }\n      .mj-lk-card[_ngcontent-%COMP%]:hover {\n        border-color: var(--mj-brand-primary);\n        background: var(--mj-bg-surface-hover, var(--mj-bg-surface-card));\n      }\n      .mj-lk-card[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] { font-size: 1.4rem; color: var(--mj-brand-primary); }\n      .mj-lk-card__t[_ngcontent-%COMP%] { font-weight: 600; color: var(--mj-text-primary); font-size: 0.9rem; }\n      .mj-lk-card__d[_ngcontent-%COMP%] { color: var(--mj-text-muted); font-size: 0.78rem; line-height: 1.3; }\n      .mj-lk-list[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n        margin: 0.5rem 0 1rem;\n        max-height: 320px;\n        overflow-y: auto;\n      }\n      .mj-lk-list__row[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 0.75rem;\n        padding: 10px 12px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 10px;\n        background: var(--mj-bg-surface-card);\n        cursor: pointer;\n        text-align: left;\n      }\n      .mj-lk-list__row[_ngcontent-%COMP%]:hover { border-color: var(--mj-brand-primary); background: var(--mj-bg-surface-hover, var(--mj-bg-surface-card)); }\n      .mj-lk-list__name[_ngcontent-%COMP%] { color: var(--mj-text-primary); font-size: 0.875rem; display: inline-flex; align-items: center; gap: 8px; }\n      .mj-lk-list__meta[_ngcontent-%COMP%] { color: var(--mj-text-muted); font-size: 0.78rem; white-space: nowrap; }\n      .mj-lk-livedot[_ngcontent-%COMP%] { color: var(--mj-status-success); font-size: 0.5rem; }\n      .mj-lk-listmsg[_ngcontent-%COMP%] { padding: 1rem; color: var(--mj-text-secondary); text-align: center; }\n      .mj-lk-joinrow[_ngcontent-%COMP%] { display: flex; gap: 8px; }\n      .mj-lk-joinrow__input[_ngcontent-%COMP%] { flex: 1; }\n      .mj-lk-joinrow__btn[_ngcontent-%COMP%] { white-space: nowrap; }\n      .mj-lk-transcript[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 0.5rem;\n        max-height: 60vh;\n        overflow-y: auto;\n      }\n      .mj-lk-tline[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        padding: 8px 10px;\n        border-radius: 8px;\n        background: var(--mj-bg-surface-card);\n      }\n      .mj-lk-tline--agent[_ngcontent-%COMP%] { background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)); }\n      .mj-lk-tline--error[_ngcontent-%COMP%] { background: var(--mj-status-error-bg, color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface))); }\n      .mj-lk-tline__who[_ngcontent-%COMP%] { font-size: 0.72rem; font-weight: 600; color: var(--mj-text-secondary); }\n      .mj-lk-tline__msg[_ngcontent-%COMP%] { font-size: 0.875rem; color: var(--mj-text-primary); }\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()"
+          (Disconnected)="onRoomLeft()"
+          (ErrorOccurred)="NotifyLoadComplete()"
+          (InvitePeopleRequested)="openInvite($event)"
+        ></mj-livekit-agent-room>
+      }
+      @case ('picking') {
+        <div class="mj-lk-prejoin">
+          <div class="mj-lk-prejoin__card">
+            <button type="button" class="mj-lk-back" (click)="backToLanding()"><i class="fa-solid fa-arrow-left"></i> Back</button>
+            <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 ('landing') {
+        <div class="mj-lk-prejoin">
+          <div class="mj-lk-prejoin__card mj-lk-prejoin__card--wide">
+            <div class="mj-lk-prejoin__icon"><i class="fa-solid fa-video"></i></div>
+            <h2 class="mj-lk-prejoin__title">Meet</h2>
+            <p class="mj-lk-prejoin__subtitle">Start a live room with agents and people, join one that's in progress, or review a past meeting.</p>
+            <div class="mj-lk-cards">
+              <button type="button" class="mj-lk-card" (click)="startNewRoom()">
+                <i class="fa-solid fa-circle-plus"></i>
+                <span class="mj-lk-card__t">New room</span>
+                <span class="mj-lk-card__d">Pick an agent and start a fresh call.</span>
+              </button>
+              <button type="button" class="mj-lk-card" (click)="openExisting()">
+                <i class="fa-solid fa-door-open"></i>
+                <span class="mj-lk-card__t">Join existing</span>
+                <span class="mj-lk-card__d">Hop into a room that's live right now.</span>
+              </button>
+              <button type="button" class="mj-lk-card" (click)="openHistory()">
+                <i class="fa-solid fa-clock-rotate-left"></i>
+                <span class="mj-lk-card__t">History</span>
+                <span class="mj-lk-card__d">Read transcripts of past meetings.</span>
+              </button>
+            </div>
+          </div>
+        </div>
+      }
+      @case ('existing') {
+        <div class="mj-lk-prejoin">
+          <div class="mj-lk-prejoin__card mj-lk-prejoin__card--wide">
+            <button type="button" class="mj-lk-back" (click)="backToLanding()"><i class="fa-solid fa-arrow-left"></i> Back</button>
+            <h2 class="mj-lk-prejoin__title">Join a room</h2>
+            @if (loadingActive) {
+              <div class="mj-lk-listmsg"><i class="fa-solid fa-spinner fa-spin"></i> Finding active rooms…</div>
+            } @else if (activeRooms.length) {
+              <div class="mj-lk-list">
+                @for (r of activeRooms; track r.RoomName) {
+                  <button type="button" class="mj-lk-list__row" (click)="joinExistingRoom(r.RoomName)">
+                    <span class="mj-lk-list__name"><i class="fa-solid fa-circle mj-lk-livedot"></i> {{ r.Label }}</span>
+                    <span class="mj-lk-list__meta">{{ r.AgentCount }} agent{{ r.AgentCount === 1 ? '' : 's' }} · Join</span>
+                  </button>
+                }
+              </div>
+            } @else {
+              <p class="mj-lk-prejoin__desc">No rooms are active right now.</p>
+            }
+            <label class="mj-lk-prejoin__label" for="mj-lk-room">Or join by name</label>
+            <div class="mj-lk-joinrow">
+              <input id="mj-lk-room" class="mj-input mj-lk-joinrow__input" type="text" placeholder="Room name…" [value]="manualRoomName"
+                (input)="manualRoomName = $any($event.target).value" (keydown.enter)="joinExistingRoom(manualRoomName)" />
+              <button type="button" class="mj-lk-prejoin__start mj-lk-joinrow__btn" [disabled]="!manualRoomName.trim()" (click)="joinExistingRoom(manualRoomName)">Join</button>
+            </div>
+          </div>
+        </div>
+      }
+      @case ('history') {
+        <div class="mj-lk-prejoin">
+          <div class="mj-lk-prejoin__card mj-lk-prejoin__card--wide">
+            @if (!openHistoryRoom) {
+              <button type="button" class="mj-lk-back" (click)="backToLanding()"><i class="fa-solid fa-arrow-left"></i> Back</button>
+              <h2 class="mj-lk-prejoin__title">Past meetings</h2>
+              @if (loadingHistory) {
+                <div class="mj-lk-listmsg"><i class="fa-solid fa-spinner fa-spin"></i> Loading…</div>
+              } @else if (historyRooms.length) {
+                <div class="mj-lk-list">
+                  @for (h of historyRooms; track h.ConversationID) {
+                    <button type="button" class="mj-lk-list__row" (click)="openTranscript(h)">
+                      <span class="mj-lk-list__name"><i class="fa-solid fa-comments"></i> {{ h.Name }}</span>
+                      <span class="mj-lk-list__meta">{{ formatTime(h.At) }}</span>
+                    </button>
+                  }
+                </div>
+              } @else {
+                <p class="mj-lk-prejoin__desc">No past meetings yet.</p>
+              }
+            } @else {
+              <button type="button" class="mj-lk-back" (click)="closeTranscript()"><i class="fa-solid fa-arrow-left"></i> All meetings</button>
+              <h2 class="mj-lk-prejoin__title">{{ openHistoryRoom.Name }}</h2>
+              @if (loadingTranscript) {
+                <div class="mj-lk-listmsg"><i class="fa-solid fa-spinner fa-spin"></i> Loading transcript…</div>
+              } @else if (historyTranscript.length) {
+                <div class="mj-lk-transcript">
+                  @for (line of historyTranscript; track $index) {
+                    <div class="mj-lk-tline" [class.mj-lk-tline--agent]="line.Kind === 'agent'" [class.mj-lk-tline--error]="line.Kind === 'error'">
+                      <span class="mj-lk-tline__who">{{ line.Speaker }}</span>
+                      <span class="mj-lk-tline__msg">{{ line.Message }}</span>
+                    </div>
+                  }
+                </div>
+              } @else {
+                <p class="mj-lk-prejoin__desc">No transcript was captured for this meeting.</p>
+              }
+            }
+          </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-prejoin__card--wide {\n        max-width: 560px;\n        text-align: left;\n      }\n      .mj-lk-back {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        margin-bottom: 0.75rem;\n        padding: 4px 8px;\n        border: none;\n        background: none;\n        cursor: pointer;\n        color: var(--mj-text-secondary);\n        font-size: 0.8125rem;\n      }\n      .mj-lk-back:hover { color: var(--mj-text-primary); }\n      .mj-lk-cards {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0.75rem;\n        margin-top: 1.25rem;\n      }\n      .mj-lk-card {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 6px;\n        padding: 1.25rem 0.75rem;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-lg, 12px);\n        background: var(--mj-bg-surface-card);\n        cursor: pointer;\n        text-align: center;\n      }\n      .mj-lk-card:hover {\n        border-color: var(--mj-brand-primary);\n        background: var(--mj-bg-surface-hover, var(--mj-bg-surface-card));\n      }\n      .mj-lk-card > i { font-size: 1.4rem; color: var(--mj-brand-primary); }\n      .mj-lk-card__t { font-weight: 600; color: var(--mj-text-primary); font-size: 0.9rem; }\n      .mj-lk-card__d { color: var(--mj-text-muted); font-size: 0.78rem; line-height: 1.3; }\n      .mj-lk-list {\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n        margin: 0.5rem 0 1rem;\n        max-height: 320px;\n        overflow-y: auto;\n      }\n      .mj-lk-list__row {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 0.75rem;\n        padding: 10px 12px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 10px;\n        background: var(--mj-bg-surface-card);\n        cursor: pointer;\n        text-align: left;\n      }\n      .mj-lk-list__row:hover { border-color: var(--mj-brand-primary); background: var(--mj-bg-surface-hover, var(--mj-bg-surface-card)); }\n      .mj-lk-list__name { color: var(--mj-text-primary); font-size: 0.875rem; display: inline-flex; align-items: center; gap: 8px; }\n      .mj-lk-list__meta { color: var(--mj-text-muted); font-size: 0.78rem; white-space: nowrap; }\n      .mj-lk-livedot { color: var(--mj-status-success); font-size: 0.5rem; }\n      .mj-lk-listmsg { padding: 1rem; color: var(--mj-text-secondary); text-align: center; }\n      .mj-lk-joinrow { display: flex; gap: 8px; }\n      .mj-lk-joinrow__input { flex: 1; }\n      .mj-lk-joinrow__btn { white-space: nowrap; }\n      .mj-lk-transcript {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 0.5rem;\n        max-height: 60vh;\n        overflow-y: auto;\n      }\n      .mj-lk-tline {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        padding: 8px 10px;\n        border-radius: 8px;\n        background: var(--mj-bg-surface-card);\n      }\n      .mj-lk-tline--agent { background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)); }\n      .mj-lk-tline--error { background: var(--mj-status-error-bg, color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface))); }\n      .mj-lk-tline__who { font-size: 0.72rem; font-weight: 600; color: var(--mj-text-secondary); }\n      .mj-lk-tline__msg { font-size: 0.875rem; color: var(--mj-text-primary); }\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: 577 }); })();
+//# sourceMappingURL=livekit-room-resource.component.js.map