npm - @naviedu/room-platform-react - Versions diffs - 0.0.26 → 0.0.28 - Mend

@naviedu/room-platform-react 0.0.26 → 0.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/index.esm.js CHANGED Viewed

@@ -197,6 +197,7 @@ var RoomPlatformCapability = {
     MEDIA_PUBLISH_AUDIO: 'media:publish_audio',
     MEDIA_PUBLISH_VIDEO: 'media:publish_video',
     MEDIA_SHARE_SCREEN: 'media:share_screen',
+    ROOM_SET_MODE: 'room:set_mode',
     DATA_PUBLISH: 'data:publish',
     ROOM_SPEAK_REQUEST: 'room:speak_request',
     ROOM_MODERATE: 'room:moderate',
@@ -243,10 +244,11 @@ var RoomPlatformAction = /*#__PURE__*/ function(RoomPlatformAction) {
     RoomPlatformAction["SPEAK_REJECT"] = "speak.reject";
     RoomPlatformAction["SPEAKER_SET"] = "speaker.set";
     RoomPlatformAction["SPEAKER_CLEAR"] = "speaker.clear";
+    RoomPlatformAction["MODE_SET"] = "room.mode.set";
     return RoomPlatformAction;
 }({});
 var _obj;
-var roomActionCapabilities = (_obj = {}, _define_property$z(_obj, "private_room.invite", RoomPlatformCapability.PRIVATE_ROOM_INVITE), _define_property$z(_obj, "private_room.respond", RoomPlatformCapability.PRIVATE_ROOM_RESPOND), _define_property$z(_obj, "private_room.close", RoomPlatformCapability.PRIVATE_ROOM_CLOSE), _define_property$z(_obj, "private_room.screen_share.start", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$z(_obj, "private_room.screen_share.stop", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$z(_obj, "monitor.start", RoomPlatformCapability.MONITOR_MANAGE), _define_property$z(_obj, "monitor.stop", RoomPlatformCapability.MONITOR_MANAGE), _define_property$z(_obj, "moderation.mute", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "moderation.remove", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "moderation.lower_hand", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "whiteboard.clear", RoomPlatformCapability.WHITEBOARD_CLEAR), _define_property$z(_obj, "speak.request", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$z(_obj, "speak.cancel", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$z(_obj, "speak.approve", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speak.reject", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speaker.set", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speaker.clear", RoomPlatformCapability.ROOM_MODERATE), _obj);
+var roomActionCapabilities = (_obj = {}, _define_property$z(_obj, "private_room.invite", RoomPlatformCapability.PRIVATE_ROOM_INVITE), _define_property$z(_obj, "private_room.respond", RoomPlatformCapability.PRIVATE_ROOM_RESPOND), _define_property$z(_obj, "private_room.close", RoomPlatformCapability.PRIVATE_ROOM_CLOSE), _define_property$z(_obj, "private_room.screen_share.start", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$z(_obj, "private_room.screen_share.stop", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$z(_obj, "monitor.start", RoomPlatformCapability.MONITOR_MANAGE), _define_property$z(_obj, "monitor.stop", RoomPlatformCapability.MONITOR_MANAGE), _define_property$z(_obj, "moderation.mute", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "moderation.remove", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "moderation.lower_hand", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "whiteboard.clear", RoomPlatformCapability.WHITEBOARD_CLEAR), _define_property$z(_obj, "speak.request", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$z(_obj, "speak.cancel", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$z(_obj, "speak.approve", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speak.reject", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speaker.set", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speaker.clear", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "room.mode.set", RoomPlatformCapability.ROOM_SET_MODE), _obj);
 function _type_of$d(obj) {
     "@swc/helpers - typeof";
@@ -256,7 +258,7 @@ var isRoomControlState = function(value) {
     if (!value || (typeof value === "undefined" ? "undefined" : _type_of$d(value)) !== 'object' || Array.isArray(value)) return false;
     var state = value;
     var monitorViewerCount = state['monitorViewerCount'];
-    return typeof state['revision'] === 'string' && /^\d+$/.test(state['revision']) && Array.isArray(state['raisedHandParticipantIdentities']) && state['raisedHandParticipantIdentities'].every(function(identity) {
+    return typeof state['revision'] === 'string' && /^\d+$/.test(state['revision']) && typeof state['mode'] === 'string' && state['mode'].trim().length > 0 && state['mode'].length <= 64 && Array.isArray(state['raisedHandParticipantIdentities']) && state['raisedHandParticipantIdentities'].every(function(identity) {
         return typeof identity === 'string';
     }) && (state['activeSpeakerParticipantIdentity'] === undefined || typeof state['activeSpeakerParticipantIdentity'] === 'string') && typeof state['monitorActive'] === 'boolean' && typeof monitorViewerCount === 'number' && Number.isInteger(monitorViewerCount) && monitorViewerCount >= 0 && state['monitorActive'] === monitorViewerCount > 0 && state['monitorViewers'] === undefined && state['storageRevision'] === undefined;
 };
@@ -287,7 +289,7 @@ function _array_like_to_array$E(arr, len) {
 function _array_with_holes$z(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$g(arr) {
+function _array_without_holes$h(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$E(arr);
 }
 function _define_property$y(obj, key, value) {
@@ -303,7 +305,7 @@ function _define_property$y(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$g(iter) {
+function _iterable_to_array$h(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$z(arr, i) {
@@ -333,7 +335,7 @@ function _iterable_to_array_limit$z(arr, i) {
 function _non_iterable_rest$z() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$g() {
+function _non_iterable_spread$h() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$v(target) {
@@ -354,8 +356,8 @@ function _object_spread$v(target) {
 function _sliced_to_array$z(arr, i) {
     return _array_with_holes$z(arr) || _iterable_to_array_limit$z(arr, i) || _unsupported_iterable_to_array$E(arr, i) || _non_iterable_rest$z();
 }
-function _to_consumable_array$g(arr) {
-    return _array_without_holes$g(arr) || _iterable_to_array$g(arr) || _unsupported_iterable_to_array$E(arr) || _non_iterable_spread$g();
+function _to_consumable_array$h(arr) {
+    return _array_without_holes$h(arr) || _iterable_to_array$h(arr) || _unsupported_iterable_to_array$E(arr) || _non_iterable_spread$h();
 }
 function _unsupported_iterable_to_array$E(o, minLen) {
     if (!o) return;
@@ -693,7 +695,7 @@ var createParseClassName = function(config) {
                 if (currentSegment.length > 0) {
                     var _result;
                     currentSegment.sort();
-                    (_result = result).push.apply(_result, _to_consumable_array$g(currentSegment));
+                    (_result = result).push.apply(_result, _to_consumable_array$h(currentSegment));
                     currentSegment = [];
                 }
                 result.push(modifier);
@@ -706,7 +708,7 @@ var createParseClassName = function(config) {
         if (currentSegment.length > 0) {
             var _result1;
             currentSegment.sort();
-            (_result1 = result).push.apply(_result1, _to_consumable_array$g(currentSegment));
+            (_result1 = result).push.apply(_result1, _to_consumable_array$h(currentSegment));
         }
         return result;
     };
@@ -846,7 +848,7 @@ var createTailwindMerge = function(createConfigFirst) {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
-        return functionToCall(twJoin.apply(void 0, _to_consumable_array$g(args)));
+        return functionToCall(twJoin.apply(void 0, _to_consumable_array$h(args)));
     };
 };
 var fallbackThemeArr = [];
@@ -1062,7 +1064,7 @@ var getDefaultConfig = function() {
         ];
     };
     var scalePositionWithArbitrary = function() {
-        return _to_consumable_array$g(scalePosition()).concat([
+        return _to_consumable_array$h(scalePosition()).concat([
             isArbitraryVariable,
             isArbitraryValue
         ]);
@@ -1095,7 +1097,7 @@ var getDefaultConfig = function() {
             isFraction,
             'full',
             'auto'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleGridTemplateColsRows = function() {
         return [
@@ -1167,7 +1169,7 @@ var getDefaultConfig = function() {
     var scaleMargin = function() {
         return [
             'auto'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleSizing = function() {
         return [
@@ -1183,7 +1185,7 @@ var getDefaultConfig = function() {
             'min',
             'max',
             'fit'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleSizingInline = function() {
         return [
@@ -1196,7 +1198,7 @@ var getDefaultConfig = function() {
             'min',
             'max',
             'fit'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleSizingBlock = function() {
         return [
@@ -1210,7 +1212,7 @@ var getDefaultConfig = function() {
             'min',
             'max',
             'fit'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleColor = function() {
         return [
@@ -1220,7 +1222,7 @@ var getDefaultConfig = function() {
         ];
     };
     var scaleBgPosition = function() {
-        return _to_consumable_array$g(scalePosition()).concat([
+        return _to_consumable_array$h(scalePosition()).concat([
             isArbitraryVariablePosition,
             isArbitraryPosition,
             {
@@ -1359,7 +1361,7 @@ var getDefaultConfig = function() {
         return [
             isFraction,
             'full'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     return {
         cacheSize: 500,
@@ -1822,7 +1824,7 @@ var getDefaultConfig = function() {
                         'full',
                         'auto',
                         themeContainer
-                    ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()))
+                    ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()))
                 }
             ],
             /**
@@ -2029,7 +2031,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/justify-content
        */ 'justify-content': [
                 {
-                    justify: _to_consumable_array$g(scaleAlignPrimaryAxis()).concat([
+                    justify: _to_consumable_array$h(scaleAlignPrimaryAxis()).concat([
                         'normal'
                     ])
                 }
@@ -2039,7 +2041,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/justify-items
        */ 'justify-items': [
                 {
-                    'justify-items': _to_consumable_array$g(scaleAlignSecondaryAxis()).concat([
+                    'justify-items': _to_consumable_array$h(scaleAlignSecondaryAxis()).concat([
                         'normal'
                     ])
                 }
@@ -2051,7 +2053,7 @@ var getDefaultConfig = function() {
                 {
                     'justify-self': [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleAlignSecondaryAxis()))
+                    ].concat(_to_consumable_array$h(scaleAlignSecondaryAxis()))
                 }
             ],
             /**
@@ -2061,7 +2063,7 @@ var getDefaultConfig = function() {
                 {
                     content: [
                         'normal'
-                    ].concat(_to_consumable_array$g(scaleAlignPrimaryAxis()))
+                    ].concat(_to_consumable_array$h(scaleAlignPrimaryAxis()))
                 }
             ],
             /**
@@ -2069,7 +2071,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/align-items
        */ 'align-items': [
                 {
-                    items: _to_consumable_array$g(scaleAlignSecondaryAxis()).concat([
+                    items: _to_consumable_array$h(scaleAlignSecondaryAxis()).concat([
                         {
                             baseline: [
                                 '',
@@ -2086,7 +2088,7 @@ var getDefaultConfig = function() {
                 {
                     self: [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleAlignSecondaryAxis()), [
+                    ].concat(_to_consumable_array$h(scaleAlignSecondaryAxis()), [
                         {
                             baseline: [
                                 '',
@@ -2109,7 +2111,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/place-items
        */ 'place-items': [
                 {
-                    'place-items': _to_consumable_array$g(scaleAlignSecondaryAxis()).concat([
+                    'place-items': _to_consumable_array$h(scaleAlignSecondaryAxis()).concat([
                         'baseline'
                     ])
                 }
@@ -2121,7 +2123,7 @@ var getDefaultConfig = function() {
                 {
                     'place-self': [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleAlignSecondaryAxis()))
+                    ].concat(_to_consumable_array$h(scaleAlignSecondaryAxis()))
                 }
             ],
             // Spacing
@@ -2347,7 +2349,7 @@ var getDefaultConfig = function() {
                 {
                     inline: [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleSizingInline()))
+                    ].concat(_to_consumable_array$h(scaleSizingInline()))
                 }
             ],
             /**
@@ -2357,7 +2359,7 @@ var getDefaultConfig = function() {
                 {
                     'min-inline': [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleSizingInline()))
+                    ].concat(_to_consumable_array$h(scaleSizingInline()))
                 }
             ],
             /**
@@ -2367,7 +2369,7 @@ var getDefaultConfig = function() {
                 {
                     'max-inline': [
                         'none'
-                    ].concat(_to_consumable_array$g(scaleSizingInline()))
+                    ].concat(_to_consumable_array$h(scaleSizingInline()))
                 }
             ],
             /**
@@ -2377,7 +2379,7 @@ var getDefaultConfig = function() {
                 {
                     block: [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleSizingBlock()))
+                    ].concat(_to_consumable_array$h(scaleSizingBlock()))
                 }
             ],
             /**
@@ -2387,7 +2389,7 @@ var getDefaultConfig = function() {
                 {
                     'min-block': [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleSizingBlock()))
+                    ].concat(_to_consumable_array$h(scaleSizingBlock()))
                 }
             ],
             /**
@@ -2397,7 +2399,7 @@ var getDefaultConfig = function() {
                 {
                     'max-block': [
                         'none'
-                    ].concat(_to_consumable_array$g(scaleSizingBlock()))
+                    ].concat(_to_consumable_array$h(scaleSizingBlock()))
                 }
             ],
             /**
@@ -2408,7 +2410,7 @@ var getDefaultConfig = function() {
                     w: [
                         themeContainer,
                         'screen'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2420,7 +2422,7 @@ var getDefaultConfig = function() {
                         themeContainer,
                         'screen',
                         /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */ 'none'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2438,7 +2440,7 @@ var getDefaultConfig = function() {
                                 themeBreakpoint
                             ]
                         }
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2449,7 +2451,7 @@ var getDefaultConfig = function() {
                     h: [
                         'screen',
                         'lh'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2461,7 +2463,7 @@ var getDefaultConfig = function() {
                         'screen',
                         'lh',
                         'none'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2472,7 +2474,7 @@ var getDefaultConfig = function() {
                     'max-h': [
                         'screen',
                         'lh'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             // ------------------
@@ -2630,7 +2632,7 @@ var getDefaultConfig = function() {
                 {
                     leading: [
                         /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */ themeLeading
-                    ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()))
+                    ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()))
                 }
             ],
             /**
@@ -2716,7 +2718,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */ 'text-decoration-style': [
                 {
-                    decoration: _to_consumable_array$g(scaleLineStyle()).concat([
+                    decoration: _to_consumable_array$h(scaleLineStyle()).concat([
                         'wavy'
                     ])
                 }
@@ -3282,7 +3284,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/border-style
        */ 'border-style': [
                 {
-                    border: _to_consumable_array$g(scaleLineStyle()).concat([
+                    border: _to_consumable_array$h(scaleLineStyle()).concat([
                         'hidden',
                         'none'
                     ])
@@ -3293,7 +3295,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */ 'divide-style': [
                 {
-                    divide: _to_consumable_array$g(scaleLineStyle()).concat([
+                    divide: _to_consumable_array$h(scaleLineStyle()).concat([
                         'hidden',
                         'none'
                     ])
@@ -3400,7 +3402,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/outline-style
        */ 'outline-style': [
                 {
-                    outline: _to_consumable_array$g(scaleLineStyle()).concat([
+                    outline: _to_consumable_array$h(scaleLineStyle()).concat([
                         'none',
                         'hidden'
                     ])
@@ -3587,7 +3589,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */ 'mix-blend': [
                 {
-                    'mix-blend': _to_consumable_array$g(scaleBlendMode()).concat([
+                    'mix-blend': _to_consumable_array$h(scaleBlendMode()).concat([
                         'plus-darker',
                         'plus-lighter'
                     ])
@@ -4980,7 +4982,7 @@ var getDefaultConfig = function() {
                 {
                     fill: [
                         'none'
-                    ].concat(_to_consumable_array$g(scaleColor()))
+                    ].concat(_to_consumable_array$h(scaleColor()))
                 }
             ],
             /**
@@ -5003,7 +5005,7 @@ var getDefaultConfig = function() {
                 {
                     stroke: [
                         'none'
-                    ].concat(_to_consumable_array$g(scaleColor()))
+                    ].concat(_to_consumable_array$h(scaleColor()))
                 }
             ],
             // ---------------------
@@ -5320,7 +5322,7 @@ function _array_like_to_array$D(arr, len) {
 function _array_with_holes$y(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$f(arr) {
+function _array_without_holes$g(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$D(arr);
 }
 function _define_property$x(obj, key, value) {
@@ -5336,7 +5338,7 @@ function _define_property$x(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$f(iter) {
+function _iterable_to_array$g(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$y(arr, i) {
@@ -5366,7 +5368,7 @@ function _iterable_to_array_limit$y(arr, i) {
 function _non_iterable_rest$y() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$f() {
+function _non_iterable_spread$g() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$u(target) {
@@ -5423,8 +5425,8 @@ function _object_without_properties_loose$f(source, excluded) {
 function _sliced_to_array$y(arr, i) {
     return _array_with_holes$y(arr) || _iterable_to_array_limit$y(arr, i) || _unsupported_iterable_to_array$D(arr, i) || _non_iterable_rest$y();
 }
-function _to_consumable_array$f(arr) {
-    return _array_without_holes$f(arr) || _iterable_to_array$f(arr) || _unsupported_iterable_to_array$D(arr) || _non_iterable_spread$f();
+function _to_consumable_array$g(arr) {
+    return _array_without_holes$g(arr) || _iterable_to_array$g(arr) || _unsupported_iterable_to_array$D(arr) || _non_iterable_spread$g();
 }
 function _unsupported_iterable_to_array$D(o, minLen) {
     if (!o) return;
@@ -5466,7 +5468,7 @@ var cva = function(base, config) {
             return Object.entries(compoundVariantOptions).every(function(param) {
                 var _param = _sliced_to_array$y(param, 2), key = _param[0], value = _param[1];
                 return Array.isArray(value) ? value.includes(_object_spread$u({}, defaultVariants, propsWithoutUndefined)[key]) : _object_spread$u({}, defaultVariants, propsWithoutUndefined)[key] === value;
-            }) ? _to_consumable_array$f(acc).concat([
+            }) ? _to_consumable_array$g(acc).concat([
                 cvClass,
                 cvClassName
             ]) : acc;
@@ -6936,7 +6938,7 @@ function _array_like_to_array$B(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$e(arr) {
+function _array_without_holes$f(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$B(arr);
 }
 function _define_property$o(obj, key, value) {
@@ -6952,10 +6954,10 @@ function _define_property$o(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$e(iter) {
+function _iterable_to_array$f(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$e() {
+function _non_iterable_spread$f() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$l(target) {
@@ -7028,8 +7030,8 @@ function _object_without_properties_loose$6(source, excluded) {
     }
     return target;
 }
-function _to_consumable_array$e(arr) {
-    return _array_without_holes$e(arr) || _iterable_to_array$e(arr) || _unsupported_iterable_to_array$B(arr) || _non_iterable_spread$e();
+function _to_consumable_array$f(arr) {
+    return _array_without_holes$f(arr) || _iterable_to_array$f(arr) || _unsupported_iterable_to_array$B(arr) || _non_iterable_spread$f();
 }
 function _unsupported_iterable_to_array$B(o, minLen) {
     if (!o) return;
@@ -7046,13 +7048,13 @@ function createWhiteboardLocalHistory(createOperationId) {
     };
     var getState = function() {
         return {
-            undoStack: _to_consumable_array$e(state.undoStack),
-            redoStack: _to_consumable_array$e(state.redoStack)
+            undoStack: _to_consumable_array$f(state.undoStack),
+            redoStack: _to_consumable_array$f(state.redoStack)
         };
     };
     var record = function(entry) {
         state = {
-            undoStack: _to_consumable_array$e(state.undoStack).concat([
+            undoStack: _to_consumable_array$f(state.undoStack).concat([
                 entry
             ]),
             redoStack: []
@@ -7114,7 +7116,7 @@ function createWhiteboardLocalHistory(createOperationId) {
                         clearOperationId: entry.clearOperationId
                     }
                 },
-                restoredObjects: _to_consumable_array$e(entry.localObjects)
+                restoredObjects: _to_consumable_array$f(entry.localObjects)
             };
         }
         var clearOperationId = createOperationId();
@@ -7133,7 +7135,7 @@ function createWhiteboardLocalHistory(createOperationId) {
         if (!entry) return undefined;
         var transition = commandFor(entry, direction);
         var _obj;
-        state = _object_spread_props$j(_object_spread$l({}, state), (_obj = {}, _define_property$o(_obj, from, source.slice(0, -1)), _define_property$o(_obj, to, _to_consumable_array$e(state[to]).concat([
+        state = _object_spread_props$j(_object_spread$l({}, state), (_obj = {}, _define_property$o(_obj, from, source.slice(0, -1)), _define_property$o(_obj, to, _to_consumable_array$f(state[to]).concat([
             entry
         ])), _obj));
         return transition;
@@ -7156,7 +7158,7 @@ function createWhiteboardLocalHistory(createOperationId) {
             return record({
                 kind: 'clear',
                 clearOperationId: clearOperationId,
-                localObjects: _to_consumable_array$e(localObjects)
+                localObjects: _to_consumable_array$f(localObjects)
             });
         },
         undo: function() {
@@ -7185,17 +7187,17 @@ function _array_like_to_array$A(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$d(arr) {
+function _array_without_holes$e(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$A(arr);
 }
-function _iterable_to_array$d(iter) {
+function _iterable_to_array$e(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$d() {
+function _non_iterable_spread$e() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _to_consumable_array$d(arr) {
-    return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$A(arr) || _non_iterable_spread$d();
+function _to_consumable_array$e(arr) {
+    return _array_without_holes$e(arr) || _iterable_to_array$e(arr) || _unsupported_iterable_to_array$A(arr) || _non_iterable_spread$e();
 }
 function _unsupported_iterable_to_array$A(o, minLen) {
     if (!o) return;
@@ -7250,7 +7252,7 @@ function clearCanvas(context, frameRect) {
 function redrawScene(context, objects, frameRect) {
     var now = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : new Date();
     clearCanvas(context, frameRect);
-    var orderedObjects = _to_consumable_array$d(objects).sort(function(left, right) {
+    var orderedObjects = _to_consumable_array$e(objects).sort(function(left, right) {
         return left.latestRevision - right.latestRevision;
     });
     orderedObjects.forEach(function(object) {
@@ -7269,7 +7271,7 @@ function renderDraft(context, draft, frameRect) {
 function hitTestObject(point, objects, frameRect) {
     var now = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : new Date();
     var pixelPoint = toPixelPoint(point, frameRect);
-    var orderedObjects = _to_consumable_array$d(objects).sort(function(left, right) {
+    var orderedObjects = _to_consumable_array$e(objects).sort(function(left, right) {
         return right.latestRevision - left.latestRevision;
     });
     return orderedObjects.find(function(object) {
@@ -7498,10 +7500,10 @@ function getObjectBounds(object, frameRect) {
             return point.y;
         });
         return {
-            height: (_Math = Math).max.apply(_Math, _to_consumable_array$d(ys)) - (_Math1 = Math).min.apply(_Math1, _to_consumable_array$d(ys)),
-            width: (_Math2 = Math).max.apply(_Math2, _to_consumable_array$d(xs)) - (_Math3 = Math).min.apply(_Math3, _to_consumable_array$d(xs)),
-            x: (_Math4 = Math).min.apply(_Math4, _to_consumable_array$d(xs)),
-            y: (_Math5 = Math).min.apply(_Math5, _to_consumable_array$d(ys))
+            height: (_Math = Math).max.apply(_Math, _to_consumable_array$e(ys)) - (_Math1 = Math).min.apply(_Math1, _to_consumable_array$e(ys)),
+            width: (_Math2 = Math).max.apply(_Math2, _to_consumable_array$e(xs)) - (_Math3 = Math).min.apply(_Math3, _to_consumable_array$e(xs)),
+            x: (_Math4 = Math).min.apply(_Math4, _to_consumable_array$e(xs)),
+            y: (_Math5 = Math).min.apply(_Math5, _to_consumable_array$e(ys))
         };
     }
     var startPoint = toPixelPoint(object.payload.start, frameRect);
@@ -7554,7 +7556,7 @@ function _array_like_to_array$z(arr, len) {
 function _array_with_holes$w(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$c(arr) {
+function _array_without_holes$d(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$z(arr);
 }
 function _define_property$n(obj, key, value) {
@@ -7570,7 +7572,7 @@ function _define_property$n(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$c(iter) {
+function _iterable_to_array$d(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$w(arr, i) {
@@ -7600,7 +7602,7 @@ function _iterable_to_array_limit$w(arr, i) {
 function _non_iterable_rest$w() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$c() {
+function _non_iterable_spread$d() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$k(target) {
@@ -7640,8 +7642,8 @@ function _object_spread_props$i(target, source) {
 function _sliced_to_array$w(arr, i) {
     return _array_with_holes$w(arr) || _iterable_to_array_limit$w(arr, i) || _unsupported_iterable_to_array$z(arr, i) || _non_iterable_rest$w();
 }
-function _to_consumable_array$c(arr) {
-    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$z(arr) || _non_iterable_spread$c();
+function _to_consumable_array$d(arr) {
+    return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$z(arr) || _non_iterable_spread$d();
 }
 function _type_of$9(obj) {
     "@swc/helpers - typeof";
@@ -7930,7 +7932,7 @@ function applyOperationToScene(state, operation, revision, optimisticRestoreObje
     }
 }
 function sortRecoveredObjects(state) {
-    state.recoveredObjects = new Map(_to_consumable_array$c(state.recoveredObjects.entries()).sort(function(param, param1) {
+    state.recoveredObjects = new Map(_to_consumable_array$d(state.recoveredObjects.entries()).sort(function(param, param1) {
         var _param = _sliced_to_array$w(param, 2), left = _param[1], _param1 = _sliced_to_array$w(param1, 2), right = _param1[1];
         return left.latestRevision === right.latestRevision ? left.objectId.localeCompare(right.objectId) : left.latestRevision - right.latestRevision;
     }));
@@ -7966,7 +7968,7 @@ function getOptimisticTail(state, operationId) {
 function cloneState(state) {
     return _object_spread_props$i(_object_spread$k({}, state), {
         appliedOperationIds: new Set(state.appliedOperationIds),
-        optimisticOperationIds: _to_consumable_array$c(state.optimisticOperationIds),
+        optimisticOperationIds: _to_consumable_array$d(state.optimisticOperationIds),
         optimisticOperations: new Map(state.optimisticOperations),
         recoveredObjects: new Map(state.recoveredObjects)
     });
@@ -8710,7 +8712,7 @@ function _array_like_to_array$y(arr, len) {
 function _array_with_holes$v(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$b(arr) {
+function _array_without_holes$c(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$y(arr);
 }
 function _define_property$l(obj, key, value) {
@@ -8726,7 +8728,7 @@ function _define_property$l(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$b(iter) {
+function _iterable_to_array$c(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$v(arr, i) {
@@ -8756,7 +8758,7 @@ function _iterable_to_array_limit$v(arr, i) {
 function _non_iterable_rest$v() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$b() {
+function _non_iterable_spread$c() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$j(target) {
@@ -8796,8 +8798,8 @@ function _object_spread_props$h(target, source) {
 function _sliced_to_array$v(arr, i) {
     return _array_with_holes$v(arr) || _iterable_to_array_limit$v(arr, i) || _unsupported_iterable_to_array$y(arr, i) || _non_iterable_rest$v();
 }
-function _to_consumable_array$b(arr) {
-    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$y(arr) || _non_iterable_spread$b();
+function _to_consumable_array$c(arr) {
+    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$y(arr) || _non_iterable_spread$c();
 }
 function _unsupported_iterable_to_array$y(o, minLen) {
     if (!o) return;
@@ -9146,7 +9148,7 @@ function getPreferredPopoverSide(dock, position, toolbarSize, viewport) {
             position.top - (viewport.top + WHITEBOARD_VIEWPORT_PADDING)
         ]
     ];
-    return _to_consumable_array$b(spaces).sort(function(left, right) {
+    return _to_consumable_array$c(spaces).sort(function(left, right) {
         return right[1] - left[1];
     })[0][0];
 }
@@ -9434,10 +9436,14 @@ function WhiteboardToolbar(param) {
     useEffect(function() {
         if (!toolbarOpen || !activePopover) return;
         var handlePointerDown = function(event) {
-            var target = event.target;
             var activePopoverRef = activePopover === 'draw' ? drawPopoverRef.current : colorPopoverRef.current;
             var activeTriggerRef = activePopover === 'draw' ? drawButtonRef.current : colorButtonRef.current;
-            if ((activePopoverRef === null || activePopoverRef === void 0 ? void 0 : activePopoverRef.contains(target)) || (activeTriggerRef === null || activeTriggerRef === void 0 ? void 0 : activeTriggerRef.contains(target))) return;
+            var eventPath = event.composedPath();
+            var target = event.target;
+            var isInside = function(element) {
+                return Boolean(element && (eventPath.includes(element) || target && element.contains(target)));
+            };
+            if (isInside(activePopoverRef) || isInside(activeTriggerRef)) return;
             closeActivePopover();
         };
         document.addEventListener('pointerdown', handlePointerDown);
@@ -9962,7 +9968,7 @@ function _array_like_to_array$v(arr, len) {
 function _array_with_holes$s(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$a(arr) {
+function _array_without_holes$b(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$v(arr);
 }
 function asyncGeneratorStep$n(gen, resolve, reject, _next, _throw, key, arg) {
@@ -10007,7 +10013,7 @@ function _define_property$j(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$a(iter) {
+function _iterable_to_array$b(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$s(arr, i) {
@@ -10037,7 +10043,7 @@ function _iterable_to_array_limit$s(arr, i) {
 function _non_iterable_rest$s() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$a() {
+function _non_iterable_spread$b() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$h(target) {
@@ -10113,8 +10119,8 @@ function _object_without_properties_loose$5(source, excluded) {
 function _sliced_to_array$s(arr, i) {
     return _array_with_holes$s(arr) || _iterable_to_array_limit$s(arr, i) || _unsupported_iterable_to_array$v(arr, i) || _non_iterable_rest$s();
 }
-function _to_consumable_array$a(arr) {
-    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$v(arr) || _non_iterable_spread$a();
+function _to_consumable_array$b(arr) {
+    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$v(arr) || _non_iterable_spread$b();
 }
 function _type_of$8(obj) {
     "@swc/helpers - typeof";
@@ -10270,7 +10276,7 @@ function WhiteboardCanvas(param) {
     var isSubmitBusy = submitState === 'submitting';
     var interactionEnabled = hasWritePermission && runtimeState === 'ready' && toolbarOpen;
     var sceneObjects = useMemo(function() {
-        return _to_consumable_array$a(sceneState.recoveredObjects.values()).map(function(object) {
+        return _to_consumable_array$b(sceneState.recoveredObjects.values()).map(function(object) {
             return applyLocalMarkerExpiry(object, localMarkerExpiryByObjectIdRef.current.get(object.objectId));
         });
     }, [
@@ -10779,7 +10785,7 @@ function freezeDraftObject(object) {
     if (object.objectType === 'annotation.stroke') {
         return _object_spread_props$f(_object_spread$h({}, object), {
             payload: _object_spread_props$f(_object_spread$h({}, object.payload), {
-                points: _to_consumable_array$a(object.payload.points)
+                points: _to_consumable_array$b(object.payload.points)
             })
         });
     }
@@ -10863,7 +10869,7 @@ function getNearestMarkerExpiry(objects) {
             expiry
         ] : [];
     });
-    return expiries.length ? (_Math = Math).min.apply(_Math, _to_consumable_array$a(expiries)) : undefined;
+    return expiries.length ? (_Math = Math).min.apply(_Math, _to_consumable_array$b(expiries)) : undefined;
 }
 function getNormalizedPoint(event, frameRect) {
     var currentFrameRect = getPointerFrameRect(event, frameRect);
@@ -11142,7 +11148,7 @@ function _array_like_to_array$t(arr, len) {
 function _array_with_holes$q(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$9(arr) {
+function _array_without_holes$a(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$t(arr);
 }
 function asyncGeneratorStep$m(gen, resolve, reject, _next, _throw, key, arg) {
@@ -11187,7 +11193,7 @@ function _define_property$i(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$9(iter) {
+function _iterable_to_array$a(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$q(arr, i) {
@@ -11217,7 +11223,7 @@ function _iterable_to_array_limit$q(arr, i) {
 function _non_iterable_rest$q() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$9() {
+function _non_iterable_spread$a() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$g(target) {
@@ -11257,8 +11263,8 @@ function _object_spread_props$e(target, source) {
 function _sliced_to_array$q(arr, i) {
     return _array_with_holes$q(arr) || _iterable_to_array_limit$q(arr, i) || _unsupported_iterable_to_array$t(arr, i) || _non_iterable_rest$q();
 }
-function _to_consumable_array$9(arr) {
-    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_spread$9();
+function _to_consumable_array$a(arr) {
+    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_spread$a();
 }
 function _type_of$7(obj) {
     "@swc/helpers - typeof";
@@ -11504,7 +11510,7 @@ function createWhiteboardRuntime() {
             bootstrap: bootstrap,
             deltas: [],
             mode: 'replace',
-            settledOperationIds: _to_consumable_array$9(settledOperationIds)
+            settledOperationIds: _to_consumable_array$a(settledOperationIds)
         };
         boardId = bootstrap.boardId;
         hasCanonicalScene = true;
@@ -11698,7 +11704,7 @@ function createWhiteboardRuntime() {
                         confirmRevision(delta.toRevision);
                         _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
                         try {
-                            for(_iterator1 = _to_consumable_array$9(bufferedCommittedEvents.keys())[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                            for(_iterator1 = _to_consumable_array$a(bufferedCommittedEvents.keys())[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
                                 revision = _step1.value;
                                 if (revision <= appliedRevision) bufferedCommittedEvents.delete(revision);
                             }
@@ -11745,7 +11751,7 @@ function createWhiteboardRuntime() {
                         ];
                         _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                         try {
-                            for(_iterator = _to_consumable_array$9(bufferedCommittedEvents.keys())[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                            for(_iterator = _to_consumable_array$a(bufferedCommittedEvents.keys())[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                                 revision = _step.value;
                                 if (revision <= appliedRevision) bufferedCommittedEvents.delete(revision);
                             }
@@ -11768,7 +11774,7 @@ function createWhiteboardRuntime() {
                             3,
                             2
                         ];
-                        nextRevision = (_Math = Math).min.apply(_Math, _to_consumable_array$9(bufferedCommittedEvents.keys()));
+                        nextRevision = (_Math = Math).min.apply(_Math, _to_consumable_array$a(bufferedCommittedEvents.keys()));
                         if (!Number.isFinite(nextRevision)) return [
                             2,
                             true
@@ -12564,7 +12570,7 @@ function foldOperationsIntoRecoverySnapshot(bootstrap, update) {
     return _object_spread_props$e(_object_spread$g({}, bootstrap), {
         boardId: update.boardId,
         headRevision: update.toRevision,
-        objects: sortRecoveryObjects(_to_consumable_array$9(objects.values()))
+        objects: sortRecoveryObjects(_to_consumable_array$a(objects.values()))
     });
 }
 function resolveRealtimeEndpoint(endpoint) {
@@ -12789,7 +12795,7 @@ function setSocketToken(socket, token) {
     socket.auth.token = token;
 }
 function sortRecoveryObjects(objects) {
-    return _to_consumable_array$9(objects).sort(function(left, right) {
+    return _to_consumable_array$a(objects).sort(function(left, right) {
         return left.latestRevision === right.latestRevision ? left.objectId.localeCompare(right.objectId) : left.latestRevision - right.latestRevision;
     });
 }
@@ -12837,7 +12843,7 @@ function _array_like_to_array$s(arr, len) {
 function _array_with_holes$p(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$8(arr) {
+function _array_without_holes$9(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$s(arr);
 }
 function asyncGeneratorStep$l(gen, resolve, reject, _next, _throw, key, arg) {
@@ -12882,7 +12888,7 @@ function _define_property$h(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$8(iter) {
+function _iterable_to_array$9(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$p(arr, i) {
@@ -12912,7 +12918,7 @@ function _iterable_to_array_limit$p(arr, i) {
 function _non_iterable_rest$p() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$8() {
+function _non_iterable_spread$9() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$f(target) {
@@ -12952,8 +12958,8 @@ function _object_spread_props$d(target, source) {
 function _sliced_to_array$p(arr, i) {
     return _array_with_holes$p(arr) || _iterable_to_array_limit$p(arr, i) || _unsupported_iterable_to_array$s(arr, i) || _non_iterable_rest$p();
 }
-function _to_consumable_array$8(arr) {
-    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_spread$8();
+function _to_consumable_array$9(arr) {
+    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_spread$9();
 }
 function _unsupported_iterable_to_array$s(o, minLen) {
     if (!o) return;
@@ -13106,7 +13112,7 @@ function WhiteboardProvider(param) {
     var runtimeCommittedEventChange = useCallback(function(nextEvent) {
         setCommittedEvent(nextEvent);
         setCommittedEvents(function(events) {
-            return _to_consumable_array$8(events).concat([
+            return _to_consumable_array$9(events).concat([
                 nextEvent
             ]);
         });
@@ -13465,7 +13471,7 @@ function _array_like_to_array$r(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$7(arr) {
+function _array_without_holes$8(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$r(arr);
 }
 function _define_property$g(obj, key, value) {
@@ -13481,10 +13487,10 @@ function _define_property$g(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$7(iter) {
+function _iterable_to_array$8(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$7() {
+function _non_iterable_spread$8() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$e(target) {
@@ -13521,8 +13527,8 @@ function _object_spread_props$c(target, source) {
     }
     return target;
 }
-function _to_consumable_array$7(arr) {
-    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$r(arr) || _non_iterable_spread$7();
+function _to_consumable_array$8(arr) {
+    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$r(arr) || _non_iterable_spread$8();
 }
 function _unsupported_iterable_to_array$r(o, minLen) {
     if (!o) return;
@@ -13548,7 +13554,7 @@ function toChatProviderProps(integration) {
         refreshTokenExpiresAt: integration.refreshTokenExpiresAt,
         rooms: integration.rooms.map(function(room) {
             return _object_spread_props$c(_object_spread$e({}, room), {
-                permissions: _to_consumable_array$7(room.permissions)
+                permissions: _to_consumable_array$8(room.permissions)
             });
         }),
         token: integration.token,
@@ -13586,7 +13592,7 @@ function _array_like_to_array$q(arr, len) {
 function _array_with_holes$o(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$6(arr) {
+function _array_without_holes$7(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$q(arr);
 }
 function _assert_this_initialized$1(self) {
@@ -13692,7 +13698,7 @@ function _instanceof$3(left, right) {
 function _is_native_function$1(fn) {
     return Function.toString.call(fn).indexOf("[native code]") !== -1;
 }
-function _iterable_to_array$6(iter) {
+function _iterable_to_array$7(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$o(arr, i) {
@@ -13722,7 +13728,7 @@ function _iterable_to_array_limit$o(arr, i) {
 function _non_iterable_rest$o() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$6() {
+function _non_iterable_spread$7() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$d(target) {
@@ -13775,8 +13781,8 @@ function _set_prototype_of$1(o, p) {
 function _sliced_to_array$o(arr, i) {
     return _array_with_holes$o(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$q(arr, i) || _non_iterable_rest$o();
 }
-function _to_consumable_array$6(arr) {
-    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$6();
+function _to_consumable_array$7(arr) {
+    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$7();
 }
 function _type_of$6(obj) {
     "@swc/helpers - typeof";
@@ -14067,6 +14073,7 @@ var activeDevicesStateOf = function(room) {
 };
 function RoomPlatformProvider(param) {
     var apiBaseUrl = param.apiBaseUrl, children = param.children, launchToken = param.launchToken, onError = param.onError, onLifecycleEvent = param.onLifecycleEvent, onLaunchTicketRequired = param.onLaunchTicketRequired;
+    var _ref;
     var _useState = _sliced_to_array$o(useState(), 2), access = _useState[0], setAccess = _useState[1];
     var _useState1 = _sliced_to_array$o(useState(emptyActiveDevices), 2), activeDevices = _useState1[0], setActiveDevices = _useState1[1];
     var _useState2 = _sliced_to_array$o(useState(), 2), actionError = _useState2[0], setActionError = _useState2[1];
@@ -15047,12 +15054,12 @@ function RoomPlatformProvider(param) {
             throw actionFailure;
         }).finally(function() {
             pendingActionsRef.current.delete(pendingKey);
-            if (isMountedRef.current) setPendingActionKeys(_to_consumable_array$6(pendingActionsRef.current.keys()));
+            if (isMountedRef.current) setPendingActionKeys(_to_consumable_array$7(pendingActionsRef.current.keys()));
         });
         pendingActionsRef.current.set(pendingKey, action);
         if (isMountedRef.current) {
             setActionError(undefined);
-            setPendingActionKeys(_to_consumable_array$6(pendingActionsRef.current.keys()));
+            setPendingActionKeys(_to_consumable_array$7(pendingActionsRef.current.keys()));
         }
         return action;
     }, [
@@ -15163,10 +15170,10 @@ function RoomPlatformProvider(param) {
             throw mediaError;
         }).finally(function() {
             pendingLocalMediaRef.current.delete(kind);
-            if (isMountedRef.current) setPendingLocalMediaKinds(_to_consumable_array$6(pendingLocalMediaRef.current.keys()));
+            if (isMountedRef.current) setPendingLocalMediaKinds(_to_consumable_array$7(pendingLocalMediaRef.current.keys()));
         });
         pendingLocalMediaRef.current.set(kind, operation);
-        if (isMountedRef.current) setPendingLocalMediaKinds(_to_consumable_array$6(pendingLocalMediaRef.current.keys()));
+        if (isMountedRef.current) setPendingLocalMediaKinds(_to_consumable_array$7(pendingLocalMediaRef.current.keys()));
         return operation;
     }, [
         clearMediaError,
@@ -15180,7 +15187,7 @@ function RoomPlatformProvider(param) {
     var localParticipantMonitorCamera = (controlState === null || controlState === void 0 ? void 0 : controlState.monitorActive) === true && roleFromMetadata(room === null || room === void 0 ? void 0 : room.localParticipant.metadata) === 'student';
     var canPublishAudioNow = !privateRoomActiveForActor && (hasCapability(localMediaCapabilities.microphone) || localParticipantIsActiveSpeaker);
     var canPublishCameraNow = !privateRoomActiveForActor && (hasCapability(localMediaCapabilities.camera) || localParticipantIsActiveSpeaker || localParticipantMonitorCamera);
-    var canPublishScreenShareNow = hasCapability(localMediaCapabilities.screenShare);
+    var canPublishScreenShareNow = hasCapability(localMediaCapabilities.screenShare) && ((_ref = controlState === null || controlState === void 0 ? void 0 : controlState.mode) !== null && _ref !== void 0 ? _ref : 'live') === 'live';
     useEffect(function() {
         if (!room || !privateRoomForActor || (privateRoom === null || privateRoom === void 0 ? void 0 : privateRoom.status) !== 'ringing') return;
         var participant = room.localParticipant;
@@ -16019,10 +16026,10 @@ function _array_like_to_array$o(arr, len) {
 function _array_with_holes$m(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$5(arr) {
+function _array_without_holes$6(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$o(arr);
 }
-function _iterable_to_array$5(iter) {
+function _iterable_to_array$6(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$m(arr, i) {
@@ -16052,14 +16059,14 @@ function _iterable_to_array_limit$m(arr, i) {
 function _non_iterable_rest$m() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$5() {
+function _non_iterable_spread$6() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _sliced_to_array$m(arr, i) {
     return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$o(arr, i) || _non_iterable_rest$m();
 }
-function _to_consumable_array$5(arr) {
-    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$5();
+function _to_consumable_array$6(arr) {
+    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$6();
 }
 function _type_of$5(obj) {
     "@swc/helpers - typeof";
@@ -16113,7 +16120,7 @@ var snapshotPresence = function(room, controlState) {
     }));
     return [
         snapshotParticipant(room.localParticipant, true, controlState === null || controlState === void 0 ? void 0 : controlState.activeSpeakerParticipantIdentity, speakingParticipantIdentities)
-    ].concat(_to_consumable_array$5(Array.from(room.remoteParticipants.values()).map(function(participant) {
+    ].concat(_to_consumable_array$6(Array.from(room.remoteParticipants.values()).map(function(participant) {
         return snapshotParticipant(participant, false, controlState === null || controlState === void 0 ? void 0 : controlState.activeSpeakerParticipantIdentity, speakingParticipantIdentities);
     })));
 };
@@ -19027,7 +19034,7 @@ function _array_like_to_array$g(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$4(arr) {
+function _array_without_holes$5(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$g(arr);
 }
 function asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, key, arg) {
@@ -19079,10 +19086,10 @@ function _instanceof$1(left, right) {
         return left instanceof right;
     }
 }
-function _iterable_to_array$4(iter) {
+function _iterable_to_array$5(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$4() {
+function _non_iterable_spread$5() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$8(target) {
@@ -19119,8 +19126,8 @@ function _object_spread_props$7(target, source) {
     }
     return target;
 }
-function _to_consumable_array$4(arr) {
-    return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$4();
+function _to_consumable_array$5(arr) {
+    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$5();
 }
 function _type_of$4(obj) {
     "@swc/helpers - typeof";
@@ -19769,7 +19776,7 @@ var appendRoomPlatformUploadAssetId = function(assetId) {
                         ];
                     }
                     nextGallery = saveUploadGallery({
-                        assetIds: _to_consumable_array$4(galleryAssetIds).concat([
+                        assetIds: _to_consumable_array$5(galleryAssetIds).concat([
                             assetId
                         ]),
                         updatedAt: nowIso()
@@ -21074,7 +21081,7 @@ function _array_like_to_array$e(arr, len) {
 function _array_with_holes$d(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$3(arr) {
+function _array_without_holes$4(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$e(arr);
 }
 function asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, key, arg) {
@@ -21106,7 +21113,7 @@ function _async_to_generator$d(fn) {
         });
     };
 }
-function _iterable_to_array$3(iter) {
+function _iterable_to_array$4(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$d(arr, i) {
@@ -21136,14 +21143,14 @@ function _iterable_to_array_limit$d(arr, i) {
 function _non_iterable_rest$d() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$3() {
+function _non_iterable_spread$4() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _sliced_to_array$d(arr, i) {
     return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$d();
 }
-function _to_consumable_array$3(arr) {
-    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$3();
+function _to_consumable_array$4(arr) {
+    return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$4();
 }
 function _unsupported_iterable_to_array$e(o, minLen) {
     if (!o) return;
@@ -21258,7 +21265,7 @@ var scopeOf = function(connection) {
         connection.roomName,
         connection.wsUrl,
         String(connection.publishEnabled)
-    ].concat(_to_consumable_array$3(connection.permissions)).join('|');
+    ].concat(_to_consumable_array$4(connection.permissions)).join('|');
 };
 function RoomPlatformPrivateRoomCameraBackground() {
     var _cameraTracks_find_publication, _cameraTracks_find;
@@ -23398,7 +23405,7 @@ function _array_like_to_array$a(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$2(arr) {
+function _array_without_holes$3(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$a(arr);
 }
 function _class_call_check$1(instance, Constructor) {
@@ -23432,14 +23439,14 @@ function _define_property$4(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$2(iter) {
+function _iterable_to_array$3(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$2() {
+function _non_iterable_spread$3() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _to_consumable_array$2(arr) {
-    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$a(arr) || _non_iterable_spread$2();
+function _to_consumable_array$3(arr) {
+    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$a(arr) || _non_iterable_spread$3();
 }
 function _unsupported_iterable_to_array$a(o, minLen) {
     if (!o) return;
@@ -23492,7 +23499,7 @@ var ChatClientState = /*#__PURE__*/ function() {
         {
             key: "getRooms",
             value: function getRooms() {
-                return _to_consumable_array$2(this.rooms.values());
+                return _to_consumable_array$3(this.rooms.values());
             }
         },
         {
@@ -25036,7 +25043,7 @@ function _array_like_to_array$8(arr, len) {
 function _array_with_holes$8(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$1(arr) {
+function _array_without_holes$2(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$8(arr);
 }
 function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
@@ -25075,7 +25082,7 @@ function _instanceof(left, right) {
         return left instanceof right;
     }
 }
-function _iterable_to_array$1(iter) {
+function _iterable_to_array$2(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$8(arr, i) {
@@ -25105,14 +25112,14 @@ function _iterable_to_array_limit$8(arr, i) {
 function _non_iterable_rest$8() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$1() {
+function _non_iterable_spread$2() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _sliced_to_array$8(arr, i) {
     return _array_with_holes$8(arr) || _iterable_to_array_limit$8(arr, i) || _unsupported_iterable_to_array$8(arr, i) || _non_iterable_rest$8();
 }
-function _to_consumable_array$1(arr) {
-    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$8(arr) || _non_iterable_spread$1();
+function _to_consumable_array$2(arr) {
+    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$8(arr) || _non_iterable_spread$2();
 }
 function _unsupported_iterable_to_array$8(o, minLen) {
     if (!o) return;
@@ -25239,7 +25246,7 @@ function MessageList(param) {
     var _useState4 = _sliced_to_array$8(useState(true), 2), isAtLatest = _useState4[0], setIsAtLatest = _useState4[1];
     var _useState5 = _sliced_to_array$8(useState(false), 2), hasNewMessages = _useState5[0], setHasNewMessages = _useState5[1];
     var orderedMessages = useMemo(function() {
-        return _to_consumable_array$1(messages).sort(compareMessagesByCreatedAt);
+        return _to_consumable_array$2(messages).sort(compareMessagesByCreatedAt);
     }, [
         messages
     ]);
@@ -25299,9 +25306,11 @@ function MessageList(param) {
     useEffect(function() {
         if (!openMenuMessageId) return undefined;
         var handlePointerDown = function(event) {
-            var _openMenuRef_current;
             var target = event.target;
-            if (_instanceof(target, Node) && ((_openMenuRef_current = openMenuRef.current) === null || _openMenuRef_current === void 0 ? void 0 : _openMenuRef_current.contains(target))) return;
+            var openMenu = openMenuRef.current;
+            if (openMenu && (event.composedPath().includes(openMenu) || _instanceof(target, Node) && openMenu.contains(target))) {
+                return;
+            }
             setOpenMenuMessageId(undefined);
         };
         var handleKeyDown = function(event) {
@@ -25596,7 +25605,7 @@ var findNextOwnActionDeadlineMs = function(param) {
         return deadline >= currentTimeMs;
     });
     if (!deadlines.length) return undefined;
-    return (_Math = Math).min.apply(_Math, _to_consumable_array$1(deadlines));
+    return (_Math = Math).min.apply(_Math, _to_consumable_array$2(deadlines));
 };
 var groupMessages = function(messages) {
     return messages.reduce(function(groups, message) {
@@ -25637,7 +25646,7 @@ var hasNewMessageFromOtherSubject = function(messages, previousMessages, current
     var previousIds = new Set(previousMessages.map(function(message) {
         return message.id;
     }));
-    var previousNewestTime = (_Math = Math).max.apply(_Math, _to_consumable_array$1(previousMessages.map(function(message) {
+    var previousNewestTime = (_Math = Math).max.apply(_Math, _to_consumable_array$2(previousMessages.map(function(message) {
         return new Date(message.createdAt).getTime();
     })).concat([
         Number.NEGATIVE_INFINITY
@@ -25989,7 +25998,7 @@ function _array_like_to_array$6(arr, len) {
 function _array_with_holes$6(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes(arr) {
+function _array_without_holes$1(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$6(arr);
 }
 function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
@@ -26034,7 +26043,7 @@ function _define_property$1(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array(iter) {
+function _iterable_to_array$1(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$6(arr, i) {
@@ -26064,7 +26073,7 @@ function _iterable_to_array_limit$6(arr, i) {
 function _non_iterable_rest$6() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread() {
+function _non_iterable_spread$1() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$1(target) {
@@ -26104,8 +26113,8 @@ function _object_spread_props$1(target, source) {
 function _sliced_to_array$6(arr, i) {
     return _array_with_holes$6(arr) || _iterable_to_array_limit$6(arr, i) || _unsupported_iterable_to_array$6(arr, i) || _non_iterable_rest$6();
 }
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$6(arr) || _non_iterable_spread();
+function _to_consumable_array$1(arr) {
+    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$6(arr) || _non_iterable_spread$1();
 }
 function _type_of(obj) {
     "@swc/helpers - typeof";
@@ -26619,7 +26628,7 @@ var upsertMessage = function(messages, message) {
     var index = messages.findIndex(function(candidate) {
         return candidate.id === message.id;
     });
-    if (index === -1) return _to_consumable_array(messages).concat([
+    if (index === -1) return _to_consumable_array$1(messages).concat([
         message
     ]);
     return messages.map(function(candidate, candidateIndex) {
@@ -27920,6 +27929,9 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -27962,6 +27974,9 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -27989,6 +28004,9 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -28062,6 +28080,9 @@ function _object_without_properties_loose(source, excluded) {
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -28185,32 +28206,6 @@ var emptyStageModel = {
     },
     primary: undefined
 };
-function RoomPlatformPracticeModeMediaPolicy(param) {
-    var isPracticeMode = param.isPracticeMode;
-    var _useRoomPlatform = useRoomPlatform(), localMedia = _useRoomPlatform.localMedia, setLocalMediaEnabled = _useRoomPlatform.setLocalMediaEnabled;
-    var previousIsPracticeModeRef = useRef(isPracticeMode);
-    var shouldStopScreenShareRef = useRef(false);
-    useEffect(function() {
-        if (!previousIsPracticeModeRef.current && isPracticeMode) {
-            shouldStopScreenShareRef.current = true;
-        }
-        previousIsPracticeModeRef.current = isPracticeMode;
-        if (!isPracticeMode) {
-            shouldStopScreenShareRef.current = false;
-            return;
-        }
-        if (!shouldStopScreenShareRef.current || !localMedia.screenShare) return;
-        shouldStopScreenShareRef.current = false;
-        void setLocalMediaEnabled('screenShare', false).catch(function() {
-            return undefined;
-        });
-    }, [
-        isPracticeMode,
-        localMedia.screenShare,
-        setLocalMediaEnabled
-    ]);
-    return null;
-}
 function getShareSessionKey(trackSid) {
     return trackSid ? "livekit:".concat(trackSid) : undefined;
 }
@@ -28247,8 +28242,8 @@ function RoomPlatformWhiteboardShareLifecycle(param) {
     return null;
 }
 var RoomPlatformWorkspaceContent = function(param) {
-    var cameraBackground = param.cameraBackground, completionAction = param.completionAction, extensions = param.extensions; param.isPracticeMode; var onExit = param.onExit, sizing = param.sizing, stageModel = param.stageModel;
-    var _resolvedStageModel_cameraOverlay, _ref, _ref1;
+    var cameraBackground = param.cameraBackground, completionAction = param.completionAction, extensions = param.extensions, modeConfig = param.modeConfig, onExit = param.onExit, sizing = param.sizing, stageModel = param.stageModel;
+    var _resolvedStageModel_cameraOverlay, _ref, _ref1, _ref2, _ref3, _ref4;
     var _resolvedStageModel_primary, _resolvedStageModel_primary1, _extensions_sidebarTabs;
     var _useRoomPlatform = useRoomPlatform(), access = _useRoomPlatform.access, controlState = _useRoomPlatform.controlState, error = _useRoomPlatform.error, hasCapability = _useRoomPlatform.hasCapability, isActionPending = _useRoomPlatform.isActionPending, localPreviewTrack = _useRoomPlatform.localPreviewTrack, performAction = _useRoomPlatform.performAction, status = _useRoomPlatform.status;
     var integrations = useRoomPlatformIntegrations().integrations;
@@ -28276,7 +28271,7 @@ var RoomPlatformWorkspaceContent = function(param) {
     ]);
     var workspace = extensions === null || extensions === void 0 ? void 0 : extensions.mainWorkspace;
     var MainWorkspace = workspace === null || workspace === void 0 ? void 0 : workspace.component;
-    var workspaceIsRendered = Boolean(workspace === null || workspace === void 0 ? void 0 : workspace.component);
+    var workspaceIsRendered = Boolean((workspace === null || workspace === void 0 ? void 0 : workspace.component) && ((_ref = controlState === null || controlState === void 0 ? void 0 : controlState.mode) !== null && _ref !== void 0 ? _ref : 'live') !== 'live');
     var whiteboardIsRendered = Boolean(whiteboardProviderProps);
     var workspaceOverlayTrack = workspaceIsRendered && (workspace === null || workspace === void 0 ? void 0 : workspace.placement) === 'overlay' ? resolvedStageModel.primary : undefined;
     var presentation = workspaceIsRendered && workspace ? {
@@ -28291,8 +28286,9 @@ var RoomPlatformWorkspaceContent = function(param) {
             isPending: isActionPending,
             perform: performAction
         },
-        capabilities: (_ref = access === null || access === void 0 ? void 0 : access.capabilities) !== null && _ref !== void 0 ? _ref : [],
+        capabilities: (_ref1 = access === null || access === void 0 ? void 0 : access.capabilities) !== null && _ref1 !== void 0 ? _ref1 : [],
         connectionStatus: status,
+        currentMode: (_ref2 = controlState === null || controlState === void 0 ? void 0 : controlState.mode) !== null && _ref2 !== void 0 ? _ref2 : 'live',
         currentParticipant: access ? currentParticipantPresence !== null && currentParticipantPresence !== void 0 ? currentParticipantPresence : {
             canPublishAudio: false,
             canPublishVideo: false,
@@ -28409,10 +28405,81 @@ var RoomPlatformWorkspaceContent = function(param) {
         extensionProps: extensionProps
     }) : undefined;
     var shouldShowPracticeStage = workspaceIsRendered && MainWorkspace && (workspace === null || workspace === void 0 ? void 0 : workspace.placement) === 'overlay';
-    var topBarTrailing = TopBarTrailing ? /*#__PURE__*/ jsx(RoomPlatformExtensionZone, {
-        component: TopBarTrailing,
-        extensionProps: extensionProps
-    }) : undefined;
+    var modes = [
+        {
+            key: 'live',
+            label: 'Live'
+        }
+    ].concat(_to_consumable_array((_ref3 = modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig.modes) !== null && _ref3 !== void 0 ? _ref3 : [])).reduce(function(items, mode) {
+        return mode.key.trim() && !items.some(function(item) {
+            return item.key === mode.key;
+        }) ? _to_consumable_array(items).concat([
+            mode
+        ]) : items;
+    }, []);
+    var topBarTrailing = /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "flex rounded-lg border border-white/20 p-1",
+                children: modes.map(function(mode) {
+                    return /*#__PURE__*/ jsx(Button, {
+                        type: "button",
+                        size: "sm",
+                        variant: extensionProps.currentMode === mode.key ? 'secondary' : 'ghost',
+                        "aria-pressed": extensionProps.currentMode === mode.key,
+                        disabled: !hasCapability('room:set_mode') || isActionPending(RoomPlatformAction.MODE_SET, {
+                            mode: mode.key
+                        }),
+                        onClick: function() {
+                            return void (function() {
+                                return _async_to_generator(function() {
+                                    var _modeConfig_beforeModeChange;
+                                    return _ts_generator(this, function(_state) {
+                                        switch(_state.label){
+                                            case 0:
+                                                if (mode.key === extensionProps.currentMode) return [
+                                                    2
+                                                ];
+                                                return [
+                                                    4,
+                                                    modeConfig === null || modeConfig === void 0 ? void 0 : (_modeConfig_beforeModeChange = modeConfig.beforeModeChange) === null || _modeConfig_beforeModeChange === void 0 ? void 0 : _modeConfig_beforeModeChange.call(modeConfig, {
+                                                        from: extensionProps.currentMode,
+                                                        to: mode.key
+                                                    })
+                                                ];
+                                            case 1:
+                                                if (_state.sent() === false) return [
+                                                    2
+                                                ];
+                                                return [
+                                                    4,
+                                                    performAction(RoomPlatformAction.MODE_SET, {
+                                                        mode: mode.key
+                                                    })
+                                                ];
+                                            case 2:
+                                                _state.sent();
+                                                return [
+                                                    2
+                                                ];
+                                        }
+                                    });
+                                })();
+                            })().catch(function() {
+                                return undefined;
+                            });
+                        },
+                        children: mode.label
+                    }, mode.key);
+                })
+            }),
+            TopBarTrailing ? /*#__PURE__*/ jsx(RoomPlatformExtensionZone, {
+                component: TopBarTrailing,
+                extensionProps: extensionProps
+            }) : null
+        ]
+    });
     var activeSpeakerParticipantIdentity = controlState === null || controlState === void 0 ? void 0 : controlState.activeSpeakerParticipantIdentity;
     var hasActiveSpeaker = Boolean(activeSpeakerParticipantIdentity);
     var canModerate = hasCapability('room:moderate');
@@ -28470,7 +28537,7 @@ var RoomPlatformWorkspaceContent = function(param) {
                 onClearActiveSpeaker: clearActiveSpeaker,
                 onRejectSpeakRequest: rejectSpeakRequest,
                 participants: participants,
-                raisedHandParticipantIdentities: (_ref1 = controlState === null || controlState === void 0 ? void 0 : controlState.raisedHandParticipantIdentities) !== null && _ref1 !== void 0 ? _ref1 : []
+                raisedHandParticipantIdentities: (_ref4 = controlState === null || controlState === void 0 ? void 0 : controlState.raisedHandParticipantIdentities) !== null && _ref4 !== void 0 ? _ref4 : []
             }) : null,
             activeSpeakerMediaSlot || localMediaSlot ? /*#__PURE__*/ jsxs("div", {
                 className: "grid gap-3 border-b border-primary/10 p-2",
@@ -28821,31 +28888,26 @@ function RoomPlatformPrivateRoomRuntime(param) {
     });
 }
 function RoomPlatformRuntime(_0) {
-    var children = _0.children, completionAction = _0.completionAction, extensions = _0.extensions, isPracticeMode = _0.isPracticeMode, onExit = _0.onExit, _0_sizing = _0.sizing, sizing = _0_sizing === void 0 ? 'viewport' : _0_sizing, providerProps = _object_without_properties(_0, [
+    var children = _0.children, completionAction = _0.completionAction, extensions = _0.extensions, modeConfig = _0.modeConfig, onExit = _0.onExit, _0_sizing = _0.sizing, sizing = _0_sizing === void 0 ? 'viewport' : _0_sizing, providerProps = _object_without_properties(_0, [
         "children",
         "completionAction",
         "extensions",
-        "isPracticeMode",
+        "modeConfig",
         "onExit",
         "sizing"
     ]);
-    return /*#__PURE__*/ jsxs(RoomPlatformProvider, _object_spread_props(_object_spread({}, providerProps), {
-        children: [
-            /*#__PURE__*/ jsx(RoomPlatformPracticeModeMediaPolicy, {
-                isPracticeMode: isPracticeMode
-            }),
-            /*#__PURE__*/ jsx(RoomPlatformMediaRuntime, {
-                children: /*#__PURE__*/ jsx(RoomPlatformPrivateRoomRuntime, {
-                    children: children !== null && children !== void 0 ? children : /*#__PURE__*/ jsx(RoomPlatformWorkspace, {
-                        completionAction: completionAction,
-                        extensions: extensions,
-                        isPracticeMode: isPracticeMode,
-                        onExit: onExit,
-                        sizing: sizing
-                    })
+    return /*#__PURE__*/ jsx(RoomPlatformProvider, _object_spread_props(_object_spread({}, providerProps), {
+        children: /*#__PURE__*/ jsx(RoomPlatformMediaRuntime, {
+            children: /*#__PURE__*/ jsx(RoomPlatformPrivateRoomRuntime, {
+                children: children !== null && children !== void 0 ? children : /*#__PURE__*/ jsx(RoomPlatformWorkspace, {
+                    completionAction: completionAction,
+                    extensions: extensions,
+                    modeConfig: modeConfig,
+                    onExit: onExit,
+                    sizing: sizing
                 })
             })
-        ]
+        })
     }));
 }
 function RoomPlatformRoom(props) {