@memberjunction/ng-explorer-core 5.42.0 → 5.43.0

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

@@ -17,17 +17,19 @@ 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()); })("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.ɵɵ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_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 12);
+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) {
@@ -37,8 +39,8 @@ function LiveKitRoomResource_Case_1_For_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(a_r4.Name);
 } }
-function LiveKitRoomResource_Case_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 13);
+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) {
@@ -46,8 +48,8 @@ function LiveKitRoomResource_Case_1_Conditional_13_Template(rf, ctx) { if (rf &
     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);
+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) {
@@ -57,8 +59,8 @@ function LiveKitRoomResource_Case_1_Conditional_14_For_8_Template(rf, ctx) { if
     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);
+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) {
@@ -68,40 +70,40 @@ function LiveKitRoomResource_Case_1_Conditional_14_Conditional_9_For_8_Template(
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(v_r8.Name);
 } }
-function LiveKitRoomResource_Case_1_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function LiveKitRoomResource_Case_1_Conditional_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 20);
+    i0.ɵɵelementStart(0, "label", 22);
     i0.ɵɵtext(1, "Voice ");
-    i0.ɵɵelementStart(2, "span", 17);
+    i0.ɵɵelementStart(2, "span", 19);
     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.ɵɵ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_14_Conditional_9_For_8_Template, 2, 3, "option", 12, _forTrack0);
+    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_14_Template(rf, ctx) { if (rf & 1) {
+function LiveKitRoomResource_Case_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 16);
+    i0.ɵɵelementStart(0, "label", 18);
     i0.ɵɵtext(1, "Model ");
-    i0.ɵɵelementStart(2, "span", 17);
+    i0.ɵɵelementStart(2, "span", 19);
     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.ɵɵ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_14_For_8_Template, 2, 3, "option", 12, _forTrack1);
+    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_14_Conditional_9_Template, 9, 0);
+    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);
@@ -111,43 +113,272 @@ function LiveKitRoomResource_Case_1_Conditional_14_Template(rf, ctx) { if (rf &
 } }
 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.ɵɵ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(4, "h2", 8);
-    i0.ɵɵtext(5, "Start a call");
+    i0.ɵɵelementStart(5, "div", 8);
+    i0.ɵɵelement(6, "i", 9);
     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.ɵɵelementStart(7, "h2", 10);
+    i0.ɵɵtext(8, "Start a call");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "label", 10);
-    i0.ɵɵtext(9, "Agent");
+    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(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.ɵɵelementStart(11, "label", 12);
+    i0.ɵɵtext(12, "Agent");
     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.ɵɵ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(11);
+    i0.ɵɵadvance(14);
     i0.ɵɵrepeater(ctx_r1.agents);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.selectedDescription ? 13 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedDescription ? 16 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.canPickModelVoice && ctx_r1.realtimeModels.length ? 14 : -1);
+    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", 22);
+    i0.ɵɵelement(1, "i", 50);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -156,74 +387,74 @@ function LiveKitRoomResource_Case_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.resolveError);
 } }
-function LiveKitRoomResource_Case_3_Template(rf, ctx) { if (rf & 1) {
+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_4_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 37);
+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", 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.ɵɵ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_r11 = ctx.$implicit;
+    const u_r20 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", u_r11.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", u_r20.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);
+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_4_Conditional_9_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 43);
+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_r13 = i0.ɵɵnextContext().$implicit;
+    const u_r22 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(u_r13.Email);
+    i0.ɵɵtextInterpolate(u_r22.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);
+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_4_Conditional_9_For_2_Conditional_3_Template, 2, 1, "span", 43);
+    i0.ɵɵconditionalCreate(3, LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Conditional_3_Template, 2, 1, "span", 71);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const u_r13 = ctx.$implicit;
+    const u_r22 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(u_r13.Name);
+    i0.ɵɵtextInterpolate(u_r22.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(u_r13.Email ? 3 : -1);
+    i0.ɵɵconditional(u_r22.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);
+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_4_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
+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_4_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33);
+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) {
@@ -231,30 +462,30 @@ function LiveKitRoomResource_Conditional_4_Conditional_11_Template(rf, ctx) { if
     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);
+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", 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.ɵɵ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", 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.ɵɵ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_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.ɵɵ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", 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.ɵɵ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) {
@@ -291,8 +522,26 @@ function LiveKitRoomResource_Conditional_4_Template(rf, ctx) { if (rf & 1) {
  * 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). */
+    /** 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. */
@@ -421,9 +670,162 @@ let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponen
         // 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';
+        // 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;
@@ -548,15 +950,15 @@ let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponen
         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);
+    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 === "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      }"] });
+            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')
@@ -585,6 +987,7 @@ export { LiveKitRoomResource };
           [EnableLayoutSwitcher]="true"
           [EnablePinning]="true"
           (Connected)="NotifyLoadComplete()"
+          (Disconnected)="onRoomLeft()"
           (ErrorOccurred)="NotifyLoadComplete()"
           (InvitePeopleRequested)="openInvite($event)"
         ></mj-livekit-agent-room>
@@ -592,6 +995,7 @@ export { LiveKitRoomResource };
       @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">
@@ -631,6 +1035,101 @@ export { LiveKitRoomResource };
           </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>
@@ -692,7 +1191,7 @@ export { LiveKitRoomResource };
         </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    "] }]
+  `, 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: 390 }); })();
+(() => { (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