@memberjunction/ng-explorer-core 6.2.0-edge.3 → 6.2.0-edge.4

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

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, ChangeDetectorRef, inject } from '@angular/core';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { ConversationEngine } from '@memberjunction/core-entities';
 import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import { RunView } from '@memberjunction/core';
@@ -19,8 +20,9 @@ import * as i3 from "@memberjunction/ng-mj-livekit-room";
 const _forTrack0 = ($index, $item) => $item.ID;
 const _forTrack1 = ($index, $item) => $item.Value;
 const _forTrack2 = ($index, $item) => $item.ModelID;
-const _forTrack3 = ($index, $item) => $item.RoomName;
-const _forTrack4 = ($index, $item) => $item.ConversationID;
+const _forTrack3 = ($index, $item) => $item.PersonaID ?? $item.ID;
+const _forTrack4 = ($index, $item) => $item.RoomName;
+const _forTrack5 = ($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);
@@ -68,7 +70,7 @@ function LiveKitRoomResource_Case_1_Conditional_17_Conditional_9_For_8_Template(
 } if (rf & 2) {
     const v_r8 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("value", v_r8.ID)("selected", v_r8.ID === ctx_r1.selectedVoice);
+    i0.ɵɵproperty("value", v_r8.ID)("selected", v_r8 === ctx_r1.SelectedVoiceOption);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(v_r8.Name);
 } }
@@ -84,7 +86,7 @@ function LiveKitRoomResource_Case_1_Conditional_17_Conditional_9_Template(rf, ct
     i0.ɵɵelementStart(5, "option", 18);
     i0.ɵɵtext(6, "Default voice");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(7, LiveKitRoomResource_Case_1_Conditional_17_Conditional_9_For_8_Template, 2, 3, "option", 14, _forTrack0);
+    i0.ɵɵrepeaterCreate(7, LiveKitRoomResource_Case_1_Conditional_17_Conditional_9_For_8_Template, 2, 3, "option", 14, _forTrack3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -197,6 +199,20 @@ function LiveKitRoomResource_Case_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", !ctx_r1.selectedTargetId);
 } }
+function LiveKitRoomResource_Case_2_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 37);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_2_Conditional_27_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenPreviewRoom()); });
+    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵelementStart(2, "span", 39)(3, "span", 32);
+    i0.ɵɵtext(4, "Preview room");
+    i0.ɵɵelementStart(5, "span", 24);
+    i0.ɵɵtext(6, "dev");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "span", 33);
+    i0.ɵɵtext(8, "Try the room with your camera and simulated people. No server needed.");
+    i0.ɵɵelementEnd()()();
+} }
 function LiveKitRoomResource_Case_2_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 28)(2, "div", 8);
@@ -234,35 +250,41 @@ function LiveKitRoomResource_Case_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(25, "span", 33);
     i0.ɵɵtext(26, "Read transcripts of past meetings.");
-    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(27, LiveKitRoomResource_Case_2_Conditional_27_Template, 9, 0, "button", 36);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(27);
+    i0.ɵɵconditional(ctx_r1.CanOpenPreviewRoom ? 27 : -1);
 } }
 function LiveKitRoomResource_Case_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36);
-    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵtext(2, " Finding active rooms\u2026");
     i0.ɵɵelementEnd();
 } }
 function LiveKitRoomResource_Case_3_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 44);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_3_Conditional_8_For_2_Template_button_click_0_listener() { const r_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.joinExistingRoom(r_r14.RoomName)); });
-    i0.ɵɵelementStart(1, "span", 45);
-    i0.ɵɵelement(2, "i", 46);
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 48);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_3_Conditional_8_For_2_Template_button_click_0_listener() { const r_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.joinExistingRoom(r_r15.RoomName)); });
+    i0.ɵɵelementStart(1, "span", 49);
+    i0.ɵɵelement(2, "i", 50);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 47);
+    i0.ɵɵelementStart(4, "span", 51);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const r_r14 = ctx.$implicit;
+    const r_r15 = ctx.$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", r_r14.Label);
+    i0.ɵɵtextInterpolate1(" ", r_r15.Label);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", r_r14.AgentCount, " agent", r_r14.AgentCount === 1 ? "" : "s", " \u00B7 Join");
+    i0.ɵɵtextInterpolate2("", r_r15.AgentCount, " agent", r_r15.AgentCount === 1 ? "" : "s", " \u00B7 Join");
 } }
 function LiveKitRoomResource_Case_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37);
-    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Case_3_Conditional_8_For_2_Template, 6, 3, "button", 43, _forTrack3);
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Case_3_Conditional_8_For_2_Template, 6, 3, "button", 47, _forTrack4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -275,24 +297,24 @@ function LiveKitRoomResource_Case_3_Conditional_9_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelementEnd();
 } }
 function LiveKitRoomResource_Case_3_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
+    const _r13 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 28)(2, "button", 6);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.backToLanding()); });
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r13); 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", 36)(8, LiveKitRoomResource_Case_3_Conditional_8_Template, 3, 0, "div", 37)(9, LiveKitRoomResource_Case_3_Conditional_9_Template, 2, 0, "p", 15);
-    i0.ɵɵelementStart(10, "label", 38);
+    i0.ɵɵconditionalCreate(7, LiveKitRoomResource_Case_3_Conditional_7_Template, 3, 0, "div", 40)(8, LiveKitRoomResource_Case_3_Conditional_8_Template, 3, 0, "div", 41)(9, LiveKitRoomResource_Case_3_Conditional_9_Template, 2, 0, "p", 15);
+    i0.ɵɵelementStart(10, "label", 42);
     i0.ɵɵtext(11, "Or join by name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 39)(13, "input", 40);
-    i0.ɵɵlistener("input", function LiveKitRoomResource_Case_3_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r12); 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(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.joinExistingRoom(ctx_r1.manualRoomName)); });
+    i0.ɵɵelementStart(12, "div", 43)(13, "input", 44);
+    i0.ɵɵlistener("input", function LiveKitRoomResource_Case_3_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r13); 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(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.joinExistingRoom(ctx_r1.manualRoomName)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "button", 41);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.joinExistingRoom(ctx_r1.manualRoomName)); });
+    i0.ɵɵelementStart(14, "button", 45);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.joinExistingRoom(ctx_r1.manualRoomName)); });
     i0.ɵɵtext(15, "Join");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -305,33 +327,33 @@ function LiveKitRoomResource_Case_3_Template(rf, ctx) { if (rf & 1) {
     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", 36);
-    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵtext(2, " Loading\u2026");
     i0.ɵɵelementEnd();
 } }
 function LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 44);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_For_2_Template_button_click_0_listener() { const h_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openTranscript(h_r17)); });
-    i0.ɵɵelementStart(1, "span", 45);
-    i0.ɵɵelement(2, "i", 48);
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 48);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_For_2_Template_button_click_0_listener() { const h_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openTranscript(h_r18)); });
+    i0.ɵɵelementStart(1, "span", 49);
+    i0.ɵɵelement(2, "i", 52);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 47);
+    i0.ɵɵelementStart(4, "span", 51);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const h_r17 = ctx.$implicit;
+    const h_r18 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", h_r17.Name);
+    i0.ɵɵtextInterpolate1(" ", h_r18.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.formatTime(h_r17.At));
+    i0.ɵɵtextInterpolate(ctx_r1.formatTime(h_r18.At));
 } }
 function LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37);
-    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_For_2_Template, 6, 2, "button", 43, _forTrack4);
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_For_2_Template, 6, 2, "button", 47, _forTrack5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -344,45 +366,45 @@ function LiveKitRoomResource_Case_4_Conditional_2_Conditional_7_Template(rf, ctx
     i0.ɵɵelementEnd();
 } }
 function LiveKitRoomResource_Case_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
+    const _r16 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_4_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.backToLanding()); });
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_4_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); 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", 36)(6, LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_Template, 3, 0, "div", 37)(7, LiveKitRoomResource_Case_4_Conditional_2_Conditional_7_Template, 2, 0, "p", 15);
+    i0.ɵɵconditionalCreate(5, LiveKitRoomResource_Case_4_Conditional_2_Conditional_5_Template, 3, 0, "div", 40)(6, LiveKitRoomResource_Case_4_Conditional_2_Conditional_6_Template, 3, 0, "div", 41)(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", 36);
-    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵelement(1, "i", 46);
     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", 51)(1, "span", 52);
+    i0.ɵɵelementStart(0, "div", 55)(1, "span", 56);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 53);
+    i0.ɵɵelementStart(3, "span", 57);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const line_r19 = ctx.$implicit;
-    i0.ɵɵclassProp("mj-lk-tline--agent", line_r19.Kind === "agent")("mj-lk-tline--error", line_r19.Kind === "error");
+    const line_r20 = ctx.$implicit;
+    i0.ɵɵclassProp("mj-lk-tline--agent", line_r20.Kind === "agent")("mj-lk-tline--error", line_r20.Kind === "error");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(line_r19.Speaker);
+    i0.ɵɵtextInterpolate(line_r20.Speaker);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(line_r19.Message);
+    i0.ɵɵtextInterpolate(line_r20.Message);
 } }
 function LiveKitRoomResource_Case_4_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49);
-    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Case_4_Conditional_3_Conditional_6_For_2_Template, 5, 6, "div", 50, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 53);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Case_4_Conditional_3_Conditional_6_For_2_Template, 5, 6, "div", 54, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -395,16 +417,16 @@ function LiveKitRoomResource_Case_4_Conditional_3_Conditional_7_Template(rf, ctx
     i0.ɵɵelementEnd();
 } }
 function LiveKitRoomResource_Case_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
+    const _r19 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_4_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeTranscript()); });
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Case_4_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); 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", 36)(6, LiveKitRoomResource_Case_4_Conditional_3_Conditional_6_Template, 3, 0, "div", 49)(7, LiveKitRoomResource_Case_4_Conditional_3_Conditional_7_Template, 2, 0, "p", 15);
+    i0.ɵɵconditionalCreate(5, LiveKitRoomResource_Case_4_Conditional_3_Conditional_5_Template, 3, 0, "div", 40)(6, LiveKitRoomResource_Case_4_Conditional_3_Conditional_6_Template, 3, 0, "div", 53)(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);
@@ -423,7 +445,7 @@ function LiveKitRoomResource_Case_4_Template(rf, ctx) { if (rf & 1) {
 } }
 function LiveKitRoomResource_Case_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelement(1, "i", 54);
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -438,21 +460,21 @@ function LiveKitRoomResource_Case_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } }
 function LiveKitRoomResource_Conditional_7_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 69);
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 73);
     i0.ɵɵtext(1);
-    i0.ɵɵelementStart(2, "button", 70);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Conditional_8_For_2_Template_button_click_2_listener() { const u_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeInvitee(u_r22.ID)); });
-    i0.ɵɵelement(3, "i", 71);
+    i0.ɵɵelementStart(2, "button", 74);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Conditional_8_For_2_Template_button_click_2_listener() { const u_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeInvitee(u_r23.ID)); });
+    i0.ɵɵelement(3, "i", 75);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const u_r22 = ctx.$implicit;
+    const u_r23 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", u_r22.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", u_r23.Name, " ");
 } }
 function LiveKitRoomResource_Conditional_7_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Conditional_7_Conditional_8_For_2_Template, 4, 1, "span", 69, _forTrack0);
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Conditional_7_Conditional_8_For_2_Template, 4, 1, "span", 73, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -460,33 +482,33 @@ function LiveKitRoomResource_Conditional_7_Conditional_8_Template(rf, ctx) { if
     i0.ɵɵrepeater(ctx_r1.selectedInvitees);
 } }
 function LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 75);
+    i0.ɵɵelementStart(0, "span", 79);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const u_r24 = i0.ɵɵnextContext().$implicit;
+    const u_r25 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(u_r24.Email);
+    i0.ɵɵtextInterpolate(u_r25.Email);
 } }
 function LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 73);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Template_button_click_0_listener() { const u_r24 = i0.ɵɵrestoreView(_r23).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addInvitee(u_r24)); });
-    i0.ɵɵelementStart(1, "span", 74);
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 77);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Template_button_click_0_listener() { const u_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addInvitee(u_r25)); });
+    i0.ɵɵelementStart(1, "span", 78);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Conditional_3_Template, 2, 1, "span", 75);
+    i0.ɵɵconditionalCreate(3, LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Conditional_3_Template, 2, 1, "span", 79);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const u_r24 = ctx.$implicit;
+    const u_r25 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(u_r24.Name);
+    i0.ɵɵtextInterpolate(u_r25.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(u_r24.Email ? 3 : -1);
+    i0.ɵɵconditional(u_r25.Email ? 3 : -1);
 } }
 function LiveKitRoomResource_Conditional_7_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 63);
-    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Template, 4, 2, "button", 72, _forTrack0);
+    i0.ɵɵelementStart(0, "div", 67);
+    i0.ɵɵrepeaterCreate(1, LiveKitRoomResource_Conditional_7_Conditional_9_For_2_Template, 4, 2, "button", 76, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -494,12 +516,12 @@ function LiveKitRoomResource_Conditional_7_Conditional_9_Template(rf, ctx) { if
     i0.ɵɵrepeater(ctx_r1.userResults);
 } }
 function LiveKitRoomResource_Conditional_7_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64);
+    i0.ɵɵelementStart(0, "div", 68);
     i0.ɵɵtext(1, "No matching people.");
     i0.ɵɵelementEnd();
 } }
 function LiveKitRoomResource_Conditional_7_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵelementStart(0, "div", 69);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -508,29 +530,29 @@ function LiveKitRoomResource_Conditional_7_Conditional_11_Template(rf, ctx) { if
     i0.ɵɵtextInterpolate(ctx_r1.inviteMessage);
 } }
 function LiveKitRoomResource_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dialog", 55);
-    i0.ɵɵlistener("Close", function LiveKitRoomResource_Conditional_7_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showInvite = false); });
-    i0.ɵɵelementStart(1, "div", 56)(2, "p", 57);
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 59);
+    i0.ɵɵlistener("Close", function LiveKitRoomResource_Conditional_7_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showInvite = false); });
+    i0.ɵɵelementStart(1, "div", 60)(2, "p", 61);
     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", 58)(5, "input", 59);
-    i0.ɵɵlistener("input", function LiveKitRoomResource_Conditional_7_Template_input_input_5_listener($event) { i0.ɵɵrestoreView(_r20); 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(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.searchUsers()); });
+    i0.ɵɵelementStart(4, "div", 62)(5, "input", 63);
+    i0.ɵɵlistener("input", function LiveKitRoomResource_Conditional_7_Template_input_input_5_listener($event) { i0.ɵɵrestoreView(_r21); 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(_r21); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.searchUsers()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 60);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.searchUsers()); });
-    i0.ɵɵelement(7, "i", 61);
+    i0.ɵɵelementStart(6, "button", 64);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.searchUsers()); });
+    i0.ɵɵelement(7, "i", 65);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(8, LiveKitRoomResource_Conditional_7_Conditional_8_Template, 3, 0, "div", 62);
-    i0.ɵɵconditionalCreate(9, LiveKitRoomResource_Conditional_7_Conditional_9_Template, 3, 0, "div", 63)(10, LiveKitRoomResource_Conditional_7_Conditional_10_Template, 2, 0, "div", 64);
-    i0.ɵɵconditionalCreate(11, LiveKitRoomResource_Conditional_7_Conditional_11_Template, 2, 1, "div", 65);
-    i0.ɵɵelementStart(12, "div", 66)(13, "button", 67);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.sendInvites()); });
-    i0.ɵɵelement(14, "i", 61);
+    i0.ɵɵconditionalCreate(8, LiveKitRoomResource_Conditional_7_Conditional_8_Template, 3, 0, "div", 66);
+    i0.ɵɵconditionalCreate(9, LiveKitRoomResource_Conditional_7_Conditional_9_Template, 3, 0, "div", 67)(10, LiveKitRoomResource_Conditional_7_Conditional_10_Template, 2, 0, "div", 68);
+    i0.ɵɵconditionalCreate(11, LiveKitRoomResource_Conditional_7_Conditional_11_Template, 2, 1, "div", 69);
+    i0.ɵɵelementStart(12, "div", 70)(13, "button", 71);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.sendInvites()); });
+    i0.ɵɵelement(14, "i", 65);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 68);
-    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showInvite = false); });
+    i0.ɵɵelementStart(16, "button", 72);
+    i0.ɵɵlistener("click", function LiveKitRoomResource_Conditional_7_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showInvite = false); });
     i0.ɵɵtext(17, "Cancel");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -659,7 +681,10 @@ let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponen
     set loadingTranscript(value) {
         this.LoadingTranscript = value;
     }
-    /** `'agent'` to start/voice an agent (the default), or `'join'` when opened from an invite link. */
+    /**
+     * `'agent'` to start/voice an agent (the default), `'join'` when opened from an invite link, or `'preview'` for the
+     * preview room.
+     */
     RoomMode = 'agent';
     /** @deprecated Use {@link RoomMode}. */
     get roomMode() {
@@ -740,6 +765,10 @@ let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponen
     set canPickModelVoice(value) {
         this.CanPickModelVoice = value;
     }
+    /** Whether the current user may open the preview room: the authorization the dev pickers need. */
+    get CanOpenPreviewRoom() {
+        return this.CanPickModelVoice;
+    }
     /** Active Realtime models + their voices (loaded once when the user can override). */
     RealtimeModels = [];
     /** @deprecated Use {@link RealtimeModels}. */
@@ -770,6 +799,11 @@ let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponen
     set selectedVoice(value) {
         this.SelectedVoice = value;
     }
+    /**
+     * The voice option picked in the pre-join picker (one of {@link SelectedModelVoices}), or null. Kept beside
+     * {@link SelectedVoice} because two personas can share a voice id: the option, not the id, says which one shows picked.
+     */
+    SelectedVoiceOption = null;
     /** Voices for the model chosen in the pre-join picker. */
     get SelectedModelVoices() {
         return this.RealtimeModels.find((m) => UUIDsEqual(m.ModelID, this.SelectedModelId))?.Voices ?? [];
@@ -782,14 +816,19 @@ let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponen
     OnModelChange(event) {
         this.SelectedModelId = event.target.value || null;
         this.SelectedVoice = null;
+        this.SelectedVoiceOption = null;
     }
     /** @deprecated Use {@link OnModelChange}. */
     onModelChange(event) {
         return this.OnModelChange(event);
     }
-    /** Records the pre-join VOICE choice. */
+    /**
+     * Records the pre-join VOICE choice: the picked option, found by its position (two personas can share a voice id, so
+     * the value can't tell them apart; option 0 is "Default voice"), and its voice id.
+     */
     OnVoiceChange(event) {
-        this.SelectedVoice = event.target.value || null;
+        this.SelectedVoiceOption = this.SelectedModelVoices[event.target.selectedIndex - 1] ?? null;
+        this.SelectedVoice = this.SelectedVoiceOption?.ID ?? null;
     }
     /** @deprecated Use {@link OnVoiceChange}. */
     onVoiceChange(event) {
@@ -967,8 +1006,8 @@ let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponen
             return;
         }
         this.AgentId = coAgent.ID;
-        // Dev model/voice override: gate on the `Realtime: Advanced Session Controls` authorization and, when
-        // held, load the active models + their voices for the pickers (here and the in-room add-agent control).
+        // Dev model/voice override and the preview room: gate on the `Realtime: Advanced Session Controls` authorization
+        // and, when held, load the active models + their voices for the pickers (here and the in-room add-agent control).
         this.CanPickModelVoice = UserHoldsAuthorization(this.ProviderToUse?.CurrentUser, REALTIME_ADVANCED_SESSION_CONTROLS, this.ProviderToUse);
         if (this.CanPickModelVoice) {
             void this.loadRealtimeModels();
@@ -1008,6 +1047,15 @@ let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponen
     onRoomLeft() {
         return this.OnRoomLeft();
     }
+    /**
+     * Opens the preview room: the meeting room with your camera and microphone and simulated people, and no server.
+     * Leaving it returns to the landing.
+     */
+    OpenPreviewRoom() {
+        this.RoomMode = 'preview';
+        this.JoinRoomName = null;
+        this.Phase = 'live';
+    }
     /** Go to the "start a new room" picker. */
     StartNewRoom() {
         this.Phase = 'picking';
@@ -1124,19 +1172,23 @@ let LiveKitRoomResource = class LiveKitRoomResource extends BaseResourceComponen
             this.cdr.detectChanges();
         }
     }
-    /** Opens a past meeting's transcript (drill-in). */
+    /**
+     * Opens a past meeting's transcript (drill-in): the room conversation's Main rows (a bridge session
+     * writes Main), in `Sequence` order.
+     */
     async OpenTranscript(room) {
         this.OpenHistoryRoom = room;
         this.HistoryTranscript = [];
         this.LoadingTranscript = true;
         this.cdr.detectChanges();
         try {
+            const pathFilter = ConversationEngine.ScopeFilter(ConversationEngine.TrunkScope(room.ConversationID));
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             const res = await rv.RunView({
                 EntityName: 'MJ: Conversation Details',
-                ExtraFilter: `ConversationID='${room.ConversationID.replace(/'/g, "''")}'`,
+                ExtraFilter: pathFilter,
                 Fields: ['Role', 'Message', 'AgentID', 'Error', '__mj_CreatedAt'],
-                OrderBy: '__mj_CreatedAt ASC',
+                OrderBy: 'Sequence ASC',
                 MaxRows: 5000,
                 ResultType: 'simple',
             }, this.ProviderToUse.CurrentUser);
@@ -1332,15 +1384,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: 8, vars: 2, consts: [[1, "mj-livekit-room-resource", 3, "Mode", "RoomName", "AgentID", "TargetAgentID", "AgentName", "AvailableAgents", "RealtimeModelID", "RealtimeVoice", "CanPickModelVoice", "AvailableModels", "TurnMode", "TurnAddressing", "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", "TurnMode", "TurnAddressing", "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"], ["for", "mj-lk-turn-mode", 1, "mj-lk-prejoin__label"], ["id", "mj-lk-turn-mode", 1, "mj-input", "mj-lk-prejoin__select", 3, "change"], ["value", ""], [3, "value", "title", "selected"], ["id", "mj-lk-turn-addressing", "aria-label", "How the agent decides it was addressed", 1, "mj-input", "mj-lk-prejoin__select", 3, "change"], ["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"], ["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, 17, "mj-livekit-agent-room", 0)(1, LiveKitRoomResource_Case_1_Template, 33, 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);
+    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", "TurnMode", "TurnAddressing", "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", "TurnMode", "TurnAddressing", "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"], ["for", "mj-lk-turn-mode", 1, "mj-lk-prejoin__label"], ["id", "mj-lk-turn-mode", 1, "mj-input", "mj-lk-prejoin__select", 3, "change"], ["value", ""], [3, "value", "title", "selected"], ["id", "mj-lk-turn-addressing", "aria-label", "How the agent decides it was addressed", 1, "mj-input", "mj-lk-prejoin__select", 3, "change"], ["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"], ["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"], ["type", "button", 1, "mj-lk-card", "mj-lk-card--preview"], ["type", "button", 1, "mj-lk-card", "mj-lk-card--preview", 3, "click"], [1, "fa-solid", "fa-flask"], [1, "mj-lk-card__text"], [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, 17, "mj-livekit-agent-room", 0)(1, LiveKitRoomResource_Case_1_Template, 33, 3, "div", 1)(2, LiveKitRoomResource_Case_2_Template, 28, 1, "div", 1)(3, LiveKitRoomResource_Case_3_Template, 16, 3, "div", 1)(4, LiveKitRoomResource_Case_4_Template, 4, 1, "div", 1)(5, LiveKitRoomResource_Case_5_Template, 4, 1, "div", 2)(6, LiveKitRoomResource_Case_6_Template, 2, 0, "div", 2);
             i0.ɵɵconditionalCreate(7, LiveKitRoomResource_Conditional_7_Template, 18, 21, "mj-dialog", 3);
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.phase) === "live" ? 0 : tmp_0_0 === "picking" ? 1 : tmp_0_0 === "landing" ? 2 : tmp_0_0 === "existing" ? 3 : tmp_0_0 === "history" ? 4 : tmp_0_0 === "error" ? 5 : 6);
             i0.ɵɵadvance(7);
             i0.ɵɵconditional(ctx.showInvite ? 7 : -1);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i2.MJDialogComponent, i3.MJLiveKitRoomComponent], styles: ["[_nghost-%COMP%] {\n        display: block;\n        height: 100%;\n      }\n      .mj-livekit-room-resource[_ngcontent-%COMP%] {\n        display: block;\n        height: 100%;\n      }\n      .mj-livekit-room-resource__message[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        height: 100%;\n        padding: 1.5rem;\n        text-align: center;\n        color: var(--mj-text-secondary);\n      }\n      .mj-livekit-room-resource__message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n        color: var(--mj-status-warning);\n      }\n      .mj-lk-prejoin[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        padding: 1.5rem;\n        background: var(--mj-bg-page);\n      }\n      .mj-lk-prejoin__card[_ngcontent-%COMP%] {\n        width: 100%;\n        max-width: 440px;\n        padding: 2rem;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-lg, 12px);\n        background: var(--mj-bg-surface);\n        box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.12));\n        text-align: center;\n      }\n      .mj-lk-prejoin__icon[_ngcontent-%COMP%] {\n        font-size: 1.75rem;\n        color: var(--mj-brand-primary);\n        margin-bottom: 0.75rem;\n      }\n      .mj-lk-prejoin__title[_ngcontent-%COMP%] {\n        margin: 0 0 0.5rem;\n        color: var(--mj-text-primary);\n        font-size: 1.25rem;\n      }\n      .mj-lk-prejoin__subtitle[_ngcontent-%COMP%] {\n        margin: 0 0 1.5rem;\n        color: var(--mj-text-secondary);\n        font-size: 0.875rem;\n        line-height: 1.4;\n      }\n      .mj-lk-prejoin__label[_ngcontent-%COMP%] {\n        display: block;\n        text-align: left;\n        margin-bottom: 0.35rem;\n        color: var(--mj-text-secondary);\n        font-size: 0.8125rem;\n        font-weight: 600;\n      }\n      .mj-lk-prejoin__dev[_ngcontent-%COMP%] {\n        margin-left: 0.35rem;\n        padding: 0 0.35rem;\n        border-radius: 999px;\n        font-size: 0.625rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        color: var(--mj-text-inverse);\n        background: var(--mj-brand-primary);\n        vertical-align: middle;\n      }\n      .mj-lk-prejoin__select[_ngcontent-%COMP%] {\n        width: 100%;\n        margin-bottom: 0.75rem;\n      }\n      .mj-lk-prejoin__desc[_ngcontent-%COMP%] {\n        text-align: left;\n        margin: 0 0 1.25rem;\n        color: var(--mj-text-muted);\n        font-size: 0.8125rem;\n        line-height: 1.4;\n      }\n      .mj-lk-prejoin__start[_ngcontent-%COMP%] {\n        width: 100%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        padding: 0.625rem 1rem;\n        border: none;\n        border-radius: var(--mj-radius-md, 8px);\n        background: var(--mj-brand-primary);\n        color: var(--mj-text-inverse);\n        font-size: 0.9375rem;\n        font-weight: 600;\n        cursor: pointer;\n      }\n      .mj-lk-prejoin__start[_ngcontent-%COMP%]:hover:not(:disabled) {\n        background: var(--mj-brand-primary-hover);\n      }\n      .mj-lk-prejoin__start[_ngcontent-%COMP%]:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n      .mj-lk-prejoin__card--wide[_ngcontent-%COMP%] {\n        max-width: 560px;\n        text-align: left;\n      }\n      .mj-lk-back[_ngcontent-%COMP%] {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        margin-bottom: 0.75rem;\n        padding: 4px 8px;\n        border: none;\n        background: none;\n        cursor: pointer;\n        color: var(--mj-text-secondary);\n        font-size: 0.8125rem;\n      }\n      .mj-lk-back[_ngcontent-%COMP%]:hover { color: var(--mj-text-primary); }\n      .mj-lk-cards[_ngcontent-%COMP%] {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0.75rem;\n        margin-top: 1.25rem;\n      }\n      .mj-lk-card[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 6px;\n        padding: 1.25rem 0.75rem;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-lg, 12px);\n        background: var(--mj-bg-surface-card);\n        cursor: pointer;\n        text-align: center;\n      }\n      .mj-lk-card[_ngcontent-%COMP%]:hover {\n        border-color: var(--mj-brand-primary);\n        background: var(--mj-bg-surface-hover, var(--mj-bg-surface-card));\n      }\n      .mj-lk-card[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] { font-size: 1.4rem; color: var(--mj-brand-primary); }\n      .mj-lk-card__t[_ngcontent-%COMP%] { font-weight: 600; color: var(--mj-text-primary); font-size: 0.9rem; }\n      .mj-lk-card__d[_ngcontent-%COMP%] { color: var(--mj-text-muted); font-size: 0.78rem; line-height: 1.3; }\n      .mj-lk-list[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n        margin: 0.5rem 0 1rem;\n        max-height: 320px;\n        overflow-y: auto;\n      }\n      .mj-lk-list__row[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 0.75rem;\n        padding: 10px 12px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 10px;\n        background: var(--mj-bg-surface-card);\n        cursor: pointer;\n        text-align: left;\n      }\n      .mj-lk-list__row[_ngcontent-%COMP%]:hover { border-color: var(--mj-brand-primary); background: var(--mj-bg-surface-hover, var(--mj-bg-surface-card)); }\n      .mj-lk-list__name[_ngcontent-%COMP%] { color: var(--mj-text-primary); font-size: 0.875rem; display: inline-flex; align-items: center; gap: 8px; }\n      .mj-lk-list__meta[_ngcontent-%COMP%] { color: var(--mj-text-muted); font-size: 0.78rem; white-space: nowrap; }\n      .mj-lk-livedot[_ngcontent-%COMP%] { color: var(--mj-status-success); font-size: 0.5rem; }\n      .mj-lk-listmsg[_ngcontent-%COMP%] { padding: 1rem; color: var(--mj-text-secondary); text-align: center; }\n      .mj-lk-joinrow[_ngcontent-%COMP%] { display: flex; gap: 8px; }\n      .mj-lk-joinrow__input[_ngcontent-%COMP%] { flex: 1; }\n      .mj-lk-joinrow__btn[_ngcontent-%COMP%] { white-space: nowrap; }\n      .mj-lk-transcript[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 0.5rem;\n        max-height: 60vh;\n        overflow-y: auto;\n      }\n      .mj-lk-tline[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        padding: 8px 10px;\n        border-radius: 8px;\n        background: var(--mj-bg-surface-card);\n      }\n      .mj-lk-tline--agent[_ngcontent-%COMP%] { background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)); }\n      .mj-lk-tline--error[_ngcontent-%COMP%] { background: var(--mj-status-error-bg, color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface))); }\n      .mj-lk-tline__who[_ngcontent-%COMP%] { font-size: 0.72rem; font-weight: 600; color: var(--mj-text-secondary); }\n      .mj-lk-tline__msg[_ngcontent-%COMP%] { font-size: 0.875rem; color: var(--mj-text-primary); }\n      .mj-lk-invite[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        min-width: 360px;\n        padding: 0.25rem;\n      }\n      .mj-lk-invite__hint[_ngcontent-%COMP%] {\n        margin: 0;\n        color: var(--mj-text-muted);\n        font-size: 0.8125rem;\n      }\n      .mj-lk-invite__search[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 0.5rem;\n      }\n      .mj-lk-invite__search[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n        flex: 1;\n      }\n      .mj-lk-invite__searchbtn[_ngcontent-%COMP%], \n   .mj-lk-invite__send[_ngcontent-%COMP%], \n   .mj-lk-invite__cancel[_ngcontent-%COMP%] {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.4rem;\n        padding: 0.5rem 0.85rem;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-md, 8px);\n        cursor: pointer;\n        font-size: 0.875rem;\n        background: var(--mj-bg-surface);\n        color: var(--mj-text-primary);\n      }\n      .mj-lk-invite__send[_ngcontent-%COMP%] {\n        border: none;\n        background: var(--mj-brand-primary);\n        color: var(--mj-text-inverse);\n      }\n      .mj-lk-invite__send[_ngcontent-%COMP%]:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n      .mj-lk-invite__chips[_ngcontent-%COMP%] {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0.4rem;\n      }\n      .mj-lk-invite__chip[_ngcontent-%COMP%] {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n        padding: 0.2rem 0.5rem;\n        border-radius: 999px;\n        font-size: 0.8125rem;\n        color: var(--mj-text-primary);\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n      }\n      .mj-lk-invite__chipx[_ngcontent-%COMP%] {\n        border: none;\n        background: transparent;\n        cursor: pointer;\n        color: var(--mj-text-muted);\n        padding: 0;\n      }\n      .mj-lk-invite__results[_ngcontent-%COMP%] {\n        max-height: 220px;\n        overflow-y: auto;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-md, 8px);\n      }\n      .mj-lk-invite__result[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 0.1rem;\n        width: 100%;\n        padding: 0.5rem 0.75rem;\n        border: none;\n        border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n        background: transparent;\n        cursor: pointer;\n        text-align: left;\n      }\n      .mj-lk-invite__result[_ngcontent-%COMP%]:hover {\n        background: var(--mj-bg-surface-hover);\n      }\n      .mj-lk-invite__rname[_ngcontent-%COMP%] {\n        color: var(--mj-text-primary);\n        font-size: 0.875rem;\n      }\n      .mj-lk-invite__remail[_ngcontent-%COMP%] {\n        color: var(--mj-text-muted);\n        font-size: 0.75rem;\n      }\n      .mj-lk-invite__empty[_ngcontent-%COMP%] {\n        color: var(--mj-text-muted);\n        font-size: 0.8125rem;\n        padding: 0.25rem;\n      }\n      .mj-lk-invite__msg[_ngcontent-%COMP%] {\n        color: var(--mj-text-secondary);\n        font-size: 0.8125rem;\n      }\n      .mj-lk-invite__actions[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 0.5rem;\n        margin-top: 0.25rem;\n      }"] });
+        } }, 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      \n      .mj-lk-card--preview[_ngcontent-%COMP%] {\n        grid-column: 1 / -1;\n        flex-direction: row;\n        gap: 12px;\n        padding: 0.75rem 1rem;\n        text-align: left;\n      }\n      .mj-lk-card__text[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 2px; }\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')
@@ -1407,8 +1459,9 @@ export { LiveKitRoomResource };
                 <label class="mj-lk-prejoin__label" for="mj-lk-voice">Voice <span class="mj-lk-prejoin__dev">dev</span></label>
                 <select id="mj-lk-voice" class="mj-input mj-lk-prejoin__select" (change)="onVoiceChange($event)">
                   <option value="">Default voice</option>
-                  @for (v of selectedModelVoices; track v.ID) {
-                    <option [value]="v.ID" [selected]="v.ID === selectedVoice">{{ v.Name }}</option>
+                  <!-- One option per persona: two personas can share a voice id (a voice, and the same voice with a face). -->
+                  @for (v of selectedModelVoices; track v.PersonaID ?? v.ID) {
+                    <option [value]="v.ID" [selected]="v === SelectedVoiceOption">{{ v.Name }}</option>
                   }
                 </select>
               }
@@ -1455,6 +1508,15 @@ export { LiveKitRoomResource };
                 <span class="mj-lk-card__t">History</span>
                 <span class="mj-lk-card__d">Read transcripts of past meetings.</span>
               </button>
+              @if (CanOpenPreviewRoom) {
+                <button type="button" class="mj-lk-card mj-lk-card--preview" (click)="OpenPreviewRoom()">
+                  <i class="fa-solid fa-flask"></i>
+                  <span class="mj-lk-card__text">
+                    <span class="mj-lk-card__t">Preview room<span class="mj-lk-prejoin__dev">dev</span></span>
+                    <span class="mj-lk-card__d">Try the room with your camera and simulated people. No server needed.</span>
+                  </span>
+                </button>
+              }
             </div>
           </div>
         </div>
@@ -1589,7 +1651,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-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    "] }]
+  `, 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      /* The preview room: a dev tool, so a slim row under the three main choices. */\n      .mj-lk-card--preview {\n        grid-column: 1 / -1;\n        flex-direction: row;\n        gap: 12px;\n        padding: 0.75rem 1rem;\n        text-align: left;\n      }\n      .mj-lk-card__text { display: flex; flex-direction: column; gap: 2px; }\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: 601 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LiveKitRoomResource, { className: "LiveKitRoomResource", filePath: "src/lib/resource-wrappers/livekit-room-resource.component.ts", lineNumber: 621 }); })();
 //# sourceMappingURL=livekit-room-resource.component.js.map