@naviedu/room-platform-react 0.0.65 → 0.0.68

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import { Component, useContext, createContext, forwardRef, useState, useRef, useEffect, useLayoutEffect, useMemo, useCallback, useId } from 'react';
+import { Component, useContext, createContext, forwardRef, useState, useRef, useEffect, useLayoutEffect, useMemo, useCallback, useId, useInsertionEffect } from 'react';
 import { Slot, AlertDialog as AlertDialog$1, Dialog as Dialog$1, Select as Select$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from 'radix-ui';
 import { Minimize2, Maximize2, XIcon, ChevronDownIcon, CheckIcon, ChevronUpIcon, Loader2Icon, PhoneOff, Bell, PhoneCall, Hand, VideoOff, ChevronUp, SunDim, Images, ImageUp, Plus, Trash2, Settings, ArrowLeftRight, Monitor, LogOut, Mic, Camera, X, ChevronLeft, ChevronRight, PanelRightOpen, PanelRightClose, Power, Check } from 'lucide-react';
 import { RoomEvent, TrackEvent, Track, createLocalVideoTrack, Room, DataPacket_Kind } from 'livekit-client';
@@ -90,7 +90,7 @@ function _inherits$2(subClass, superClass) {
     if (superClass) _set_prototype_of$2(subClass, superClass);
 }
 function _possible_constructor_return$2(self, call) {
-    if (call && (_type_of$e(call) === "object" || typeof call === "function")) {
+    if (call && (_type_of$j(call) === "object" || typeof call === "function")) {
         return call;
     }
     return _assert_this_initialized$2(self);
@@ -102,7 +102,7 @@ function _set_prototype_of$2(o, p) {
     };
     return _set_prototype_of$2(o, p);
 }
-function _type_of$e(obj) {
+function _type_of$j(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -250,12 +250,12 @@ var RoomPlatformAction = /*#__PURE__*/ function(RoomPlatformAction) {
 var _obj;
 var roomActionCapabilities = (_obj = {}, _define_property$C(_obj, "private_room.invite", RoomPlatformCapability.PRIVATE_ROOM_INVITE), _define_property$C(_obj, "private_room.respond", RoomPlatformCapability.PRIVATE_ROOM_RESPOND), _define_property$C(_obj, "private_room.close", RoomPlatformCapability.PRIVATE_ROOM_CLOSE), _define_property$C(_obj, "private_room.screen_share.start", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$C(_obj, "private_room.screen_share.stop", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$C(_obj, "monitor.start", RoomPlatformCapability.MONITOR_MANAGE), _define_property$C(_obj, "monitor.stop", RoomPlatformCapability.MONITOR_MANAGE), _define_property$C(_obj, "moderation.mute", RoomPlatformCapability.ROOM_MODERATE), _define_property$C(_obj, "moderation.remove", RoomPlatformCapability.ROOM_MODERATE), _define_property$C(_obj, "moderation.lower_hand", RoomPlatformCapability.ROOM_MODERATE), _define_property$C(_obj, "whiteboard.clear", RoomPlatformCapability.WHITEBOARD_CLEAR), _define_property$C(_obj, "speak.request", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$C(_obj, "speak.cancel", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$C(_obj, "speak.approve", RoomPlatformCapability.ROOM_MODERATE), _define_property$C(_obj, "speak.reject", RoomPlatformCapability.ROOM_MODERATE), _define_property$C(_obj, "speaker.set", RoomPlatformCapability.ROOM_MODERATE), _define_property$C(_obj, "speaker.clear", RoomPlatformCapability.ROOM_MODERATE), _define_property$C(_obj, "room.mode.set", RoomPlatformCapability.ROOM_SET_MODE), _obj);
 
-function _type_of$d(obj) {
+function _type_of$i(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var isRoomControlState = function(value) {
-    if (!value || (typeof value === "undefined" ? "undefined" : _type_of$d(value)) !== 'object' || Array.isArray(value)) return false;
+    if (!value || (typeof value === "undefined" ? "undefined" : _type_of$i(value)) !== 'object' || Array.isArray(value)) return false;
     var state = value;
     var monitorViewerCount = state['monitorViewerCount'];
     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) {
@@ -263,14 +263,14 @@ var isRoomControlState = function(value) {
     }) && (state['activeSpeakerParticipantIdentity'] === undefined || typeof state['activeSpeakerParticipantIdentity'] === 'string') && (state['activeSpeakerTurnId'] === undefined || typeof state['activeSpeakerTurnId'] === 'string' && state['activeSpeakerTurnId'].trim().length > 0) && (state['activeSpeakerTurnId'] === undefined || state['activeSpeakerParticipantIdentity'] !== undefined) && typeof state['monitorActive'] === 'boolean' && typeof monitorViewerCount === 'number' && Number.isInteger(monitorViewerCount) && monitorViewerCount >= 0 && state['monitorActive'] === monitorViewerCount > 0 && state['monitorViewers'] === undefined && state['storageRevision'] === undefined && state['recentActiveSpeakerTurn'] === undefined;
 };
 
-function _type_of$c(obj) {
+function _type_of$h(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 function r(e) {
     var t, f, n = "";
     if ("string" == typeof e || "number" == typeof e) n += e;
-    else if ("object" == (typeof e === "undefined" ? "undefined" : _type_of$c(e))) if (Array.isArray(e)) {
+    else if ("object" == (typeof e === "undefined" ? "undefined" : _type_of$h(e))) if (Array.isArray(e)) {
         var o = e.length;
         for(t = 0; t < o; t++)e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
     } else for(f in e)e[f] && (n && (n += " "), n += f);
@@ -281,16 +281,16 @@ function clsx() {
     return n;
 }
 
-function _array_like_to_array$D(arr, len) {
+function _array_like_to_array$E(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$y(arr) {
+function _array_with_holes$z(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$h(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$D(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$E(arr);
 }
 function _define_property$B(obj, key, value) {
     if (key in obj) {
@@ -308,7 +308,7 @@ function _define_property$B(obj, key, value) {
 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$y(arr, i) {
+function _iterable_to_array_limit$z(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -332,7 +332,7 @@ function _iterable_to_array_limit$y(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$y() {
+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$h() {
@@ -353,19 +353,19 @@ function _object_spread$y(target) {
     }
     return target;
 }
-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 _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$h(arr) {
-    return _array_without_holes$h(arr) || _iterable_to_array$h(arr) || _unsupported_iterable_to_array$D(arr) || _non_iterable_spread$h();
+    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$D(o, minLen) {
+function _unsupported_iterable_to_array$E(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$D(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$E(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$D(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$E(o, minLen);
 }
 /**
  * Concatenates two arrays faster than the array spread operator.
@@ -524,7 +524,7 @@ var processObjectDefinition = function(classDefinition, classPartObject, classGr
     var entries = Object.entries(classDefinition);
     var len = entries.length;
     for(var i = 0; i < len; i++){
-        var _entries_i = _sliced_to_array$y(entries[i], 2), key = _entries_i[0], value = _entries_i[1];
+        var _entries_i = _sliced_to_array$z(entries[i], 2), key = _entries_i[0], value = _entries_i[1];
         processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
     }
 };
@@ -5314,16 +5314,16 @@ function cn() {
     return twMerge(clsx(inputs));
 }
 
-function _array_like_to_array$C(arr, len) {
+function _array_like_to_array$D(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$x(arr) {
+function _array_with_holes$y(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$g(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$C(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$D(arr);
 }
 function _define_property$A(obj, key, value) {
     if (key in obj) {
@@ -5341,7 +5341,7 @@ function _define_property$A(obj, key, value) {
 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$x(arr, i) {
+function _iterable_to_array_limit$y(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -5365,7 +5365,7 @@ function _iterable_to_array_limit$x(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$x() {
+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$g() {
@@ -5422,19 +5422,19 @@ function _object_without_properties_loose$f(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$x(arr, i) {
-    return _array_with_holes$x(arr) || _iterable_to_array_limit$x(arr, i) || _unsupported_iterable_to_array$C(arr, i) || _non_iterable_rest$x();
+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$g(arr) {
-    return _array_without_holes$g(arr) || _iterable_to_array$g(arr) || _unsupported_iterable_to_array$C(arr) || _non_iterable_spread$g();
+    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$C(o, minLen) {
+function _unsupported_iterable_to_array$D(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$C(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$D(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$C(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$D(o, minLen);
 }
 var falsyToString = function(value) {
     return typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
@@ -5453,7 +5453,7 @@ var cva = function(base, config) {
             return variants[variant][variantKey];
         });
         var propsWithoutUndefined = props && Object.entries(props).reduce(function(acc, param) {
-            var _param = _sliced_to_array$x(param, 2), key = _param[0], value = _param[1];
+            var _param = _sliced_to_array$y(param, 2), key = _param[0], value = _param[1];
             if (value === undefined) {
                 return acc;
             }
@@ -5466,7 +5466,7 @@ var cva = function(base, config) {
                 "className"
             ]);
             return Object.entries(compoundVariantOptions).every(function(param) {
-                var _param = _sliced_to_array$x(param, 2), key = _param[0], value = _param[1];
+                var _param = _sliced_to_array$y(param, 2), key = _param[0], value = _param[1];
                 return Array.isArray(value) ? value.includes(_object_spread$x({}, defaultVariants, propsWithoutUndefined)[key]) : _object_spread$x({}, defaultVariants, propsWithoutUndefined)[key] === value;
             }) ? _to_consumable_array$g(acc).concat([
                 cvClass,
@@ -5915,12 +5915,12 @@ function Badge(_0) {
     }, props));
 }
 
-function _array_like_to_array$B(arr, len) {
+function _array_like_to_array$C(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$w(arr) {
+function _array_with_holes$x(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _define_property$w(obj, key, value) {
@@ -5950,7 +5950,7 @@ function _extends$2() {
     };
     return _extends$2.apply(this, arguments);
 }
-function _iterable_to_array_limit$w(arr, i) {
+function _iterable_to_array_limit$x(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -5974,7 +5974,7 @@ function _iterable_to_array_limit$w(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$w() {
+function _non_iterable_rest$x() {
     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 _object_destructuring_empty$2(o) {
@@ -6051,16 +6051,16 @@ function _object_without_properties_loose$b(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$w(arr, i) {
-    return _array_with_holes$w(arr) || _iterable_to_array_limit$w(arr, i) || _unsupported_iterable_to_array$B(arr, i) || _non_iterable_rest$w();
+function _sliced_to_array$x(arr, i) {
+    return _array_with_holes$x(arr) || _iterable_to_array_limit$x(arr, i) || _unsupported_iterable_to_array$C(arr, i) || _non_iterable_rest$x();
 }
-function _unsupported_iterable_to_array$B(o, minLen) {
+function _unsupported_iterable_to_array$C(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$B(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$C(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$B(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$C(o, minLen);
 }
 function Dialog(_0) {
     _object_destructuring_empty$2(_0); var props = _extends$2({}, _0);
@@ -6096,7 +6096,7 @@ function DialogContent(_0) {
         "showCloseButton",
         "maximizable"
     ]);
-    var _React_useState = _sliced_to_array$w(React.useState(false), 2), isMaximized = _React_useState[0], setIsMaximized = _React_useState[1];
+    var _React_useState = _sliced_to_array$x(React.useState(false), 2), isMaximized = _React_useState[0], setIsMaximized = _React_useState[1];
     return /*#__PURE__*/ jsxs(DialogPortal, {
         children: [
             /*#__PURE__*/ jsx(DialogOverlay, {}),
@@ -6745,7 +6745,7 @@ function TooltipContent(_0) {
     });
 }
 
-function _type_of$b(obj) {
+function _type_of$g(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -6756,7 +6756,7 @@ var parseRoomControlRealtimeEvent = function(payload, topic) {
         var value = JSON.parse(new TextDecoder('utf-8', {
             fatal: true
         }).decode(payload));
-        if (!value || (typeof value === "undefined" ? "undefined" : _type_of$b(value)) !== 'object' || Array.isArray(value)) return undefined;
+        if (!value || (typeof value === "undefined" ? "undefined" : _type_of$g(value)) !== 'object' || Array.isArray(value)) return undefined;
         var event = value;
         if (event.type === 'control_state.updated' && typeof event.actionId === 'string' && isRoomControlState(event.state)) {
             return {
@@ -6812,7 +6812,7 @@ function useWhiteboard() {
     return context;
 }
 
-function _type_of$a(obj) {
+function _type_of$f(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -6855,14 +6855,14 @@ var whiteboardAnnotationOperationTypes = [
     WHITEBOARD_CLEAR_OPERATION,
     WHITEBOARD_RESTORE_CLEAR_OPERATION
 ];
-var isRecord = function(value) {
-    return (typeof value === "undefined" ? "undefined" : _type_of$a(value)) === 'object' && value !== null && !Array.isArray(value);
+var isRecord$1 = function(value) {
+    return (typeof value === "undefined" ? "undefined" : _type_of$f(value)) === 'object' && value !== null && !Array.isArray(value);
 };
 var isNormalizedCoordinate = function(value) {
     return typeof value === 'number' && Number.isFinite(value) && value >= 0 && value <= 1;
 };
 var isWhiteboardNormalizedPoint = function(value) {
-    return isRecord(value) && isNormalizedCoordinate(value['x']) && isNormalizedCoordinate(value['y']);
+    return isRecord$1(value) && isNormalizedCoordinate(value['x']) && isNormalizedCoordinate(value['y']);
 };
 var isWhiteboardStrokeWidthPreset = function(value) {
     return typeof value === 'string' && whiteboardStrokeWidthPresets.includes(value);
@@ -6882,31 +6882,31 @@ var isIsoDate = function(value) {
     return !Number.isNaN(date.getTime()) && date.toISOString() === value;
 };
 var isWhiteboardStrokeObjectPayload = function(value) {
-    return isRecord(value) && isWhiteboardFreehandKind(value['kind']) && typeof value['color'] === 'string' && isWhiteboardStrokeWidthPreset(value['widthPreset']) && Array.isArray(value['points']) && value['points'].every(function(point) {
+    return isRecord$1(value) && isWhiteboardFreehandKind(value['kind']) && typeof value['color'] === 'string' && isWhiteboardStrokeWidthPreset(value['widthPreset']) && Array.isArray(value['points']) && value['points'].every(function(point) {
         return isWhiteboardNormalizedPoint(point);
     }) && (value['kind'] !== 'marker' ? value['vanishAt'] === undefined : value['vanishAt'] === undefined || isIsoDate(value['vanishAt']));
 };
 var isWhiteboardShapeObjectPayload = function(value) {
-    return isRecord(value) && isWhiteboardShapeKind(value['kind']) && typeof value['color'] === 'string' && isWhiteboardStrokeWidthPreset(value['widthPreset']) && isWhiteboardNormalizedPoint(value['start']) && isWhiteboardNormalizedPoint(value['end']);
+    return isRecord$1(value) && isWhiteboardShapeKind(value['kind']) && typeof value['color'] === 'string' && isWhiteboardStrokeWidthPreset(value['widthPreset']) && isWhiteboardNormalizedPoint(value['start']) && isWhiteboardNormalizedPoint(value['end']);
 };
 var isWhiteboardAnnotationSceneObject = function(value) {
-    return isRecord(value) && typeof value['objectId'] === 'string' && isWhiteboardAnnotationObjectType(value['objectType']) && typeof value['latestRevision'] === 'number' && Number.isFinite(value['latestRevision']) && (value['objectType'] === 'annotation.stroke' && isWhiteboardStrokeObjectPayload(value['payload']) || value['objectType'] === 'annotation.shape' && isWhiteboardShapeObjectPayload(value['payload']));
+    return isRecord$1(value) && typeof value['objectId'] === 'string' && isWhiteboardAnnotationObjectType(value['objectType']) && typeof value['latestRevision'] === 'number' && Number.isFinite(value['latestRevision']) && (value['objectType'] === 'annotation.stroke' && isWhiteboardStrokeObjectPayload(value['payload']) || value['objectType'] === 'annotation.shape' && isWhiteboardShapeObjectPayload(value['payload']));
 };
 var isWhiteboardAnnotationOperationType = function(value) {
     return typeof value === 'string' && whiteboardAnnotationOperationTypes.includes(value);
 };
 var isWhiteboardCommittedOperation = function(value) {
-    if (!isRecord(value) || typeof value['operationId'] !== 'string' || !isWhiteboardAnnotationOperationType(value['type'])) {
+    if (!isRecord$1(value) || typeof value['operationId'] !== 'string' || !isWhiteboardAnnotationOperationType(value['type'])) {
         return false;
     }
     if (value['type'] === WHITEBOARD_ANNOTATION_UPSERT_OPERATION) {
-        return isRecord(value['payload']) && isWhiteboardAnnotationSceneObject(value['payload']['object']);
+        return isRecord$1(value['payload']) && isWhiteboardAnnotationSceneObject(value['payload']['object']);
     }
     if (value['type'] === WHITEBOARD_ANNOTATION_ERASE_OPERATION) {
-        return isRecord(value['payload']) && typeof value['payload']['objectId'] === 'string';
+        return isRecord$1(value['payload']) && typeof value['payload']['objectId'] === 'string';
     }
     if (value['type'] === WHITEBOARD_RESTORE_CLEAR_OPERATION) {
-        return isRecord(value['payload']) && typeof value['payload']['clearOperationId'] === 'string' && Array.isArray(value['payload']['objects']) && value['payload']['objects'].every(function(object) {
+        return isRecord$1(value['payload']) && typeof value['payload']['clearOperationId'] === 'string' && Array.isArray(value['payload']['objects']) && value['payload']['objects'].every(function(object) {
             return isWhiteboardAnnotationSceneObject(object);
         });
     }
@@ -6926,13 +6926,13 @@ var WhiteboardSocketEvent = /*#__PURE__*/ function(WhiteboardSocketEvent) {
     return WhiteboardSocketEvent;
 }({});
 
-function _array_like_to_array$A(arr, len) {
+function _array_like_to_array$B(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$f(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$A(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$B(arr);
 }
 function _define_property$r(obj, key, value) {
     if (key in obj) {
@@ -7024,15 +7024,15 @@ function _object_without_properties_loose$6(source, excluded) {
     return target;
 }
 function _to_consumable_array$f(arr) {
-    return _array_without_holes$f(arr) || _iterable_to_array$f(arr) || _unsupported_iterable_to_array$A(arr) || _non_iterable_spread$f();
+    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$A(o, minLen) {
+function _unsupported_iterable_to_array$B(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$A(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$B(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$A(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$B(o, minLen);
 }
 function createWhiteboardLocalHistory(createOperationId) {
     var state = {
@@ -7175,13 +7175,13 @@ function omitLatestRevision$1(object) {
     return input;
 }
 
-function _array_like_to_array$z(arr, len) {
+function _array_like_to_array$A(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$e(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$z(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$A(arr);
 }
 function _iterable_to_array$e(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
@@ -7190,15 +7190,15 @@ 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$e(arr) {
-    return _array_without_holes$e(arr) || _iterable_to_array$e(arr) || _unsupported_iterable_to_array$z(arr) || _non_iterable_spread$e();
+    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$z(o, minLen) {
+function _unsupported_iterable_to_array$A(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$z(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$A(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$z(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$A(o, minLen);
 }
 var STROKE_WIDTHS = {
     xs: 2,
@@ -7541,16 +7541,16 @@ function pointInPolygon(point, polygon) {
     return inside;
 }
 
-function _array_like_to_array$y(arr, len) {
+function _array_like_to_array$z(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$v(arr) {
+function _array_with_holes$w(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$d(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$y(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$z(arr);
 }
 function _define_property$q(obj, key, value) {
     if (key in obj) {
@@ -7568,7 +7568,7 @@ function _define_property$q(obj, key, value) {
 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$v(arr, i) {
+function _iterable_to_array_limit$w(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -7592,7 +7592,7 @@ function _iterable_to_array_limit$v(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$v() {
+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$d() {
@@ -7632,23 +7632,23 @@ function _object_spread_props$k(target, source) {
     }
     return target;
 }
-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 _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$d(arr) {
-    return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$y(arr) || _non_iterable_spread$d();
+    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) {
+function _type_of$e(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$y(o, minLen) {
+function _unsupported_iterable_to_array$z(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$y(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$z(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$y(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$z(o, minLen);
 }
 function resetSceneState() {
     return {
@@ -7785,9 +7785,9 @@ function hasCanonicalUpsert(state, operation) {
     var _state_recoveredObjects_get;
     if (operation.type !== WHITEBOARD_ANNOTATION_UPSERT_OPERATION) return false;
     var payload = operation.payload;
-    if ((typeof payload === "undefined" ? "undefined" : _type_of$9(payload)) !== 'object' || payload === null) return false;
+    if ((typeof payload === "undefined" ? "undefined" : _type_of$e(payload)) !== 'object' || payload === null) return false;
     var object = payload.object;
-    if ((typeof object === "undefined" ? "undefined" : _type_of$9(object)) !== 'object' || object === null) return false;
+    if ((typeof object === "undefined" ? "undefined" : _type_of$e(object)) !== 'object' || object === null) return false;
     var objectId = object.objectId;
     if (typeof objectId !== 'string') return false;
     return Boolean(objectId && ((_state_recoveredObjects_get = state.recoveredObjects.get(objectId)) === null || _state_recoveredObjects_get === void 0 ? void 0 : _state_recoveredObjects_get.latestRevision));
@@ -7926,7 +7926,7 @@ function applyOperationToScene(state, operation, revision, optimisticRestoreObje
 }
 function sortRecoveredObjects(state) {
     state.recoveredObjects = new Map(_to_consumable_array$d(state.recoveredObjects.entries()).sort(function(param, param1) {
-        var _param = _sliced_to_array$v(param, 2), left = _param[1], _param1 = _sliced_to_array$v(param1, 2), right = _param1[1];
+        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;
     }));
 }
@@ -7987,7 +7987,7 @@ function removeExpiredMarkers(state, now) {
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
         for(var _iterator = state.recoveredObjects[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var _step_value = _sliced_to_array$v(_step.value, 2), objectId = _step_value[0], object = _step_value[1];
+            var _step_value = _sliced_to_array$w(_step.value, 2), objectId = _step_value[0], object = _step_value[1];
             if (isExpiredMarker(object, now)) state.recoveredObjects.delete(objectId);
         }
     } catch (err) {
@@ -8018,7 +8018,7 @@ function getSceneObject(value, revision) {
     return undefined;
 }
 function isAnnotationObjectInput(value) {
-    return (typeof value === "undefined" ? "undefined" : _type_of$9(value)) === 'object' && value !== null && typeof value.objectId === 'string' && (value.objectType === 'annotation.stroke' || value.objectType === 'annotation.shape');
+    return (typeof value === "undefined" ? "undefined" : _type_of$e(value)) === 'object' && value !== null && typeof value.objectId === 'string' && (value.objectType === 'annotation.stroke' || value.objectType === 'annotation.shape');
 }
 
 function _define_property$p(obj, key, value) {
@@ -8697,16 +8697,16 @@ function FilledDiamondShapeIcon() {
     });
 }
 
-function _array_like_to_array$x(arr, len) {
+function _array_like_to_array$y(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$u(arr) {
+function _array_with_holes$v(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$c(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$x(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$y(arr);
 }
 function _define_property$o(obj, key, value) {
     if (key in obj) {
@@ -8724,7 +8724,7 @@ function _define_property$o(obj, key, value) {
 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$u(arr, i) {
+function _iterable_to_array_limit$v(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -8748,7 +8748,7 @@ function _iterable_to_array_limit$u(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$u() {
+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$c() {
@@ -8788,19 +8788,19 @@ function _object_spread_props$j(target, source) {
     }
     return target;
 }
-function _sliced_to_array$u(arr, i) {
-    return _array_with_holes$u(arr) || _iterable_to_array_limit$u(arr, i) || _unsupported_iterable_to_array$x(arr, i) || _non_iterable_rest$u();
+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$c(arr) {
-    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$x(arr) || _non_iterable_spread$c();
+    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$x(o, minLen) {
+function _unsupported_iterable_to_array$y(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$x(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$y(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$x(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$y(o, minLen);
 }
 var WHITEBOARD_VIEWPORT_PADDING = 16;
 var WHITEBOARD_DOCK_SNAP_DISTANCE = 64;
@@ -8832,14 +8832,14 @@ var WHITEBOARD_POPOVER_SIZES = {
 };
 function useWhiteboardToolbarLayout() {
     var portalContainer = usePortalContainer();
-    var _useState = _sliced_to_array$u(useState(function() {
+    var _useState = _sliced_to_array$v(useState(function() {
         return getViewport(portalContainer);
     }), 2), viewport = _useState[0], setViewport = _useState[1];
     var viewportRef = useRef(viewport);
-    var _useState1 = _sliced_to_array$u(useState(false), 2), toolbarOpen = _useState1[0], setToolbarOpen = _useState1[1];
-    var _useState2 = _sliced_to_array$u(useState(null), 2), activePopover = _useState2[0], setActivePopover = _useState2[1];
-    var _useState3 = _sliced_to_array$u(useState(false), 2), hasOpened = _useState3[0], setHasOpened = _useState3[1];
-    var _useState4 = _sliced_to_array$u(useState(function() {
+    var _useState1 = _sliced_to_array$v(useState(false), 2), toolbarOpen = _useState1[0], setToolbarOpen = _useState1[1];
+    var _useState2 = _sliced_to_array$v(useState(null), 2), activePopover = _useState2[0], setActivePopover = _useState2[1];
+    var _useState3 = _sliced_to_array$v(useState(false), 2), hasOpened = _useState3[0], setHasOpened = _useState3[1];
+    var _useState4 = _sliced_to_array$v(useState(function() {
         return getToolbarLayout(getDefaultToolbarPosition(getViewport(portalContainer)), getViewport(portalContainer));
     }), 2), layout = _useState4[0], setLayout = _useState4[1];
     var dragOriginRef = useRef(undefined);
@@ -9069,10 +9069,10 @@ function getOutsideDock(position, orientation, viewport) {
         ]
     ];
     return (_candidates_filter_sort_ = candidates.filter(function(param) {
-        var _param = _sliced_to_array$u(param, 2), distance = _param[1];
+        var _param = _sliced_to_array$v(param, 2), distance = _param[1];
         return distance > 0;
     }).sort(function(param, param1) {
-        var _param = _sliced_to_array$u(param, 2), left = _param[1], _param1 = _sliced_to_array$u(param1, 2), right = _param1[1];
+        var _param = _sliced_to_array$v(param, 2), left = _param[1], _param1 = _sliced_to_array$v(param1, 2), right = _param1[1];
         return left - right;
     })[0]) === null || _candidates_filter_sort_ === void 0 ? void 0 : _candidates_filter_sort_[0];
 }
@@ -9254,12 +9254,12 @@ function TriggerIcon() {
     });
 }
 
-function _array_like_to_array$w(arr, len) {
+function _array_like_to_array$x(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$t(arr) {
+function _array_with_holes$u(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _define_property$n(obj, key, value) {
@@ -9275,7 +9275,7 @@ function _define_property$n(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$t(arr, i) {
+function _iterable_to_array_limit$u(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -9299,7 +9299,7 @@ function _iterable_to_array_limit$t(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$t() {
+function _non_iterable_rest$u() {
     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 _object_spread$l(target) {
@@ -9336,16 +9336,16 @@ function _object_spread_props$i(target, source) {
     }
     return target;
 }
-function _sliced_to_array$t(arr, i) {
-    return _array_with_holes$t(arr) || _iterable_to_array_limit$t(arr, i) || _unsupported_iterable_to_array$w(arr, i) || _non_iterable_rest$t();
+function _sliced_to_array$u(arr, i) {
+    return _array_with_holes$u(arr) || _iterable_to_array_limit$u(arr, i) || _unsupported_iterable_to_array$x(arr, i) || _non_iterable_rest$u();
 }
-function _unsupported_iterable_to_array$w(o, minLen) {
+function _unsupported_iterable_to_array$x(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$w(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$x(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$w(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$x(o, minLen);
 }
 function WhiteboardToolbar(param) {
     var _param_activeColor = param.activeColor, activeColor = _param_activeColor === void 0 ? DEFAULT_WHITEBOARD_COLOR : _param_activeColor, _param_activeDrawKind = param.activeDrawKind, activeDrawKind = _param_activeDrawKind === void 0 ? DEFAULT_WHITEBOARD_DRAW_KIND : _param_activeDrawKind, _param_activeTool = param.activeTool, activeTool = _param_activeTool === void 0 ? 'draw' : _param_activeTool, _param_activeWidthPreset = param.activeWidthPreset, activeWidthPreset = _param_activeWidthPreset === void 0 ? DEFAULT_WHITEBOARD_WIDTH_PRESET : _param_activeWidthPreset, _param_canRedo = param.canRedo, canRedo = _param_canRedo === void 0 ? false : _param_canRedo, _param_canUndo = param.canUndo, canUndo = _param_canUndo === void 0 ? false : _param_canUndo, onClose = param.onClose, onColorChange = param.onColorChange, onDrawKindChange = param.onDrawKindChange, onOpenChange = param.onOpenChange, onOperation = param.onOperation, onRedo = param.onRedo, onRetry = param.onRetry, onToolChange = param.onToolChange, onUndo = param.onUndo, onWidthPresetChange = param.onWidthPresetChange, permissions = param.permissions, _param_runtimeState = param.runtimeState, runtimeState = _param_runtimeState === void 0 ? 'ready' : _param_runtimeState;
@@ -9359,7 +9359,7 @@ function WhiteboardToolbar(param) {
     var colorButtonRef = useRef(null);
     var drawPopoverRef = useRef(null);
     var colorPopoverRef = useRef(null);
-    var _useState = _sliced_to_array$t(useState(undefined), 2), measuredPopoverStyle = _useState[0], setMeasuredPopoverStyle = _useState[1];
+    var _useState = _sliced_to_array$u(useState(undefined), 2), measuredPopoverStyle = _useState[0], setMeasuredPopoverStyle = _useState[1];
     var interactionDisabled = !canWrite || runtimeState !== 'ready';
     var clearDisabled = !canClear || runtimeState !== 'ready';
     var tooltipSide = getToolbarTooltipSide(dock);
@@ -9870,15 +9870,15 @@ function CloseIcon() {
     });
 }
 
-function _array_like_to_array$v(arr, len) {
+function _array_like_to_array$w(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$s(arr) {
+function _array_with_holes$t(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$s(arr, i) {
+function _iterable_to_array_limit$t(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -9902,23 +9902,23 @@ function _iterable_to_array_limit$s(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$s() {
+function _non_iterable_rest$t() {
     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 _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 _sliced_to_array$t(arr, i) {
+    return _array_with_holes$t(arr) || _iterable_to_array_limit$t(arr, i) || _unsupported_iterable_to_array$w(arr, i) || _non_iterable_rest$t();
 }
-function _unsupported_iterable_to_array$v(o, minLen) {
+function _unsupported_iterable_to_array$w(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$v(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$w(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$v(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$w(o, minLen);
 }
 function useWhiteboardFrameRect() {
     var frameRef = useRef(null);
-    var _useState = _sliced_to_array$s(useState(undefined), 2), frameRect = _useState[0], setFrameRect = _useState[1];
+    var _useState = _sliced_to_array$t(useState(undefined), 2), frameRect = _useState[0], setFrameRect = _useState[1];
     useEffect(function() {
         var element = frameRef.current;
         if (!element) return;
@@ -9953,16 +9953,16 @@ function useWhiteboardFrameRect() {
     };
 }
 
-function _array_like_to_array$u(arr, len) {
+function _array_like_to_array$v(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$r(arr) {
+function _array_with_holes$s(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$b(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$u(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$v(arr);
 }
 function asyncGeneratorStep$o(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -10009,7 +10009,7 @@ function _define_property$m(obj, key, value) {
 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$r(arr, i) {
+function _iterable_to_array_limit$s(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -10033,7 +10033,7 @@ function _iterable_to_array_limit$r(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$r() {
+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$b() {
@@ -10109,23 +10109,23 @@ function _object_without_properties_loose$5(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$r(arr, i) {
-    return _array_with_holes$r(arr) || _iterable_to_array_limit$r(arr, i) || _unsupported_iterable_to_array$u(arr, i) || _non_iterable_rest$r();
+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$b(arr) {
-    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$u(arr) || _non_iterable_spread$b();
+    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) {
+function _type_of$d(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$u(o, minLen) {
+function _unsupported_iterable_to_array$v(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$u(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$v(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$u(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$v(o, minLen);
 }
 function _ts_generator$o(thisArg, body) {
     var f, y, t, _ = {
@@ -10227,7 +10227,7 @@ function _ts_generator$o(thisArg, body) {
     }
 }
 function WhiteboardCanvas(param) {
-    var controlledActiveTool = param.activeTool, children = param.children, onRetry = param.onRetry, onToolChange = param.onToolChange, permissions = param.permissions;
+    var controlledActiveTool = param.activeTool, children = param.children, onRetry = param.onRetry, onToolChange = param.onToolChange, onToolbarStateChange = param.onToolbarStateChange, permissions = param.permissions;
     var _whiteboard_submitStatus;
     var whiteboard = useContext(WhiteboardContext);
     var runtimeState = getToolbarRuntimeState(whiteboard);
@@ -10247,10 +10247,10 @@ function WhiteboardCanvas(param) {
     if (!localHistoryRef.current) localHistoryRef.current = createWhiteboardLocalHistory(function() {
         return createStableId('annotation-history');
     });
-    var _useState = _sliced_to_array$r(useState(function() {
+    var _useState = _sliced_to_array$s(useState(function() {
         return resetSceneState();
     }), 2), sceneState = _useState[0], setSceneState = _useState[1];
-    var _useState1 = _sliced_to_array$r(useState(function() {
+    var _useState1 = _sliced_to_array$s(useState(function() {
         var _ref;
         var _localHistoryRef_current;
         return (_ref = (_localHistoryRef_current = localHistoryRef.current) === null || _localHistoryRef_current === void 0 ? void 0 : _localHistoryRef_current.getState()) !== null && _ref !== void 0 ? _ref : {
@@ -10258,16 +10258,18 @@ function WhiteboardCanvas(param) {
             undoStack: []
         };
     }), 2), localHistoryState = _useState1[0], setLocalHistoryState = _useState1[1];
-    var _useState2 = _sliced_to_array$r(useState(controlledActiveTool !== null && controlledActiveTool !== void 0 ? controlledActiveTool : 'draw'), 2), uncontrolledActiveTool = _useState2[0], setUncontrolledActiveTool = _useState2[1];
-    var _useState3 = _sliced_to_array$r(useState(DEFAULT_WHITEBOARD_DRAW_KIND), 2), activeDrawKind = _useState3[0], setActiveDrawKind = _useState3[1];
-    var _useState4 = _sliced_to_array$r(useState(DEFAULT_WHITEBOARD_COLOR), 2), activeColor = _useState4[0], setActiveColor = _useState4[1];
-    var _useState5 = _sliced_to_array$r(useState(DEFAULT_WHITEBOARD_WIDTH_PRESET), 2), activeWidthPreset = _useState5[0], setActiveWidthPreset = _useState5[1];
-    var _useState6 = _sliced_to_array$r(useState(false), 2), toolbarOpen = _useState6[0], setToolbarOpen = _useState6[1];
+    var _useState2 = _sliced_to_array$s(useState(controlledActiveTool !== null && controlledActiveTool !== void 0 ? controlledActiveTool : 'draw'), 2), uncontrolledActiveTool = _useState2[0], setUncontrolledActiveTool = _useState2[1];
+    var _useState3 = _sliced_to_array$s(useState(DEFAULT_WHITEBOARD_DRAW_KIND), 2), activeDrawKind = _useState3[0], setActiveDrawKind = _useState3[1];
+    var _useState4 = _sliced_to_array$s(useState(DEFAULT_WHITEBOARD_COLOR), 2), activeColor = _useState4[0], setActiveColor = _useState4[1];
+    var _useState5 = _sliced_to_array$s(useState(DEFAULT_WHITEBOARD_WIDTH_PRESET), 2), activeWidthPreset = _useState5[0], setActiveWidthPreset = _useState5[1];
+    var _useState6 = _sliced_to_array$s(useState(false), 2), toolbarOpen = _useState6[0], setToolbarOpen = _useState6[1];
     var activeTool = controlledActiveTool !== null && controlledActiveTool !== void 0 ? controlledActiveTool : uncontrolledActiveTool;
     var hasWritePermission = permissions.includes('whiteboard:write');
+    var toolbarAvailable = hasWritePermission || permissions.includes('whiteboard:clear');
     var submitState = whiteboard === null || whiteboard === void 0 ? void 0 : (_whiteboard_submitStatus = whiteboard.submitStatus) === null || _whiteboard_submitStatus === void 0 ? void 0 : _whiteboard_submitStatus.state;
     var isSubmitBusy = submitState === 'submitting';
     var interactionEnabled = hasWritePermission && runtimeState === 'ready' && toolbarOpen;
+    var toolbarStateChangeRef = useRef(onToolbarStateChange);
     var sceneObjects = useMemo(function() {
         return _to_consumable_array$b(sceneState.recoveredObjects.values()).map(function(object) {
             return applyLocalMarkerExpiry(object, localMarkerExpiryByObjectIdRef.current.get(object.objectId));
@@ -10275,6 +10277,23 @@ function WhiteboardCanvas(param) {
     }, [
         sceneState.recoveredObjects
     ]);
+    useEffect(function() {
+        toolbarStateChangeRef.current = onToolbarStateChange;
+    }, [
+        onToolbarStateChange
+    ]);
+    useEffect(function() {
+        var _toolbarStateChangeRef_current;
+        (_toolbarStateChangeRef_current = toolbarStateChangeRef.current) === null || _toolbarStateChangeRef_current === void 0 ? void 0 : _toolbarStateChangeRef_current.call(toolbarStateChangeRef, {
+            activeTool: activeTool,
+            toolbarAvailable: toolbarAvailable,
+            toolbarOpen: toolbarOpen
+        });
+    }, [
+        activeTool,
+        toolbarOpen,
+        toolbarAvailable
+    ]);
     var syncLocalHistoryState = function() {
         var _ref;
         var _localHistoryRef_current;
@@ -10847,7 +10866,7 @@ function withoutLocalMarkerExpiry(object) {
     });
 }
 function isSceneObject(value) {
-    return (typeof value === "undefined" ? "undefined" : _type_of$8(value)) === 'object' && value !== null && 'latestRevision' in value;
+    return (typeof value === "undefined" ? "undefined" : _type_of$d(value)) === 'object' && value !== null && 'latestRevision' in value;
 }
 function getNearestMarkerExpiry(objects) {
     var _Math;
@@ -10906,15 +10925,15 @@ function clamp01(value) {
     return Math.max(0, Math.min(1, value));
 }
 
-function _array_like_to_array$t(arr, len) {
+function _array_like_to_array$u(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$q(arr) {
+function _array_with_holes$r(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$q(arr, i) {
+function _iterable_to_array_limit$r(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -10938,19 +10957,19 @@ function _iterable_to_array_limit$q(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$q() {
+function _non_iterable_rest$r() {
     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 _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 _sliced_to_array$r(arr, i) {
+    return _array_with_holes$r(arr) || _iterable_to_array_limit$r(arr, i) || _unsupported_iterable_to_array$u(arr, i) || _non_iterable_rest$r();
 }
-function _unsupported_iterable_to_array$t(o, minLen) {
+function _unsupported_iterable_to_array$u(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$t(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$u(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$t(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$u(o, minLen);
 }
 function createWhiteboardSubmitQueue(options) {
     var _options_now;
@@ -11072,7 +11091,7 @@ function createWhiteboardSubmitQueue(options) {
             var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
             try {
                 var _loop = function() {
-                    var _step_value = _sliced_to_array$q(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
+                    var _step_value = _sliced_to_array$r(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
                     var item = queue.find(function(queuedItem) {
                         return queuedItem.operation.operationId === operationId;
                     });
@@ -11133,16 +11152,16 @@ function createWhiteboardSubmitQueue(options) {
     };
 }
 
-function _array_like_to_array$s(arr, len) {
+function _array_like_to_array$t(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$p(arr) {
+function _array_with_holes$q(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$a(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$s(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$t(arr);
 }
 function asyncGeneratorStep$n(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -11189,7 +11208,7 @@ function _define_property$l(obj, key, value) {
 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$p(arr, i) {
+function _iterable_to_array_limit$q(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -11213,7 +11232,7 @@ function _iterable_to_array_limit$p(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$p() {
+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$a() {
@@ -11253,23 +11272,23 @@ function _object_spread_props$g(target, source) {
     }
     return target;
 }
-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 _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$a(arr) {
-    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_spread$a();
+    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) {
+function _type_of$c(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$s(o, minLen) {
+function _unsupported_iterable_to_array$t(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$s(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$t(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$s(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$t(o, minLen);
 }
 function _ts_generator$n(thisArg, body) {
     var f, y, t, _ = {
@@ -11475,7 +11494,7 @@ function createWhiteboardRuntime() {
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
         try {
             for(var _iterator = bufferedCommittedEvents[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                var _step_value = _sliced_to_array$p(_step.value, 2), eventRevision = _step_value[0], event = _step_value[1];
+                var _step_value = _sliced_to_array$q(_step.value, 2), eventRevision = _step_value[0], event = _step_value[1];
                 if (eventRevision > revision) continue;
                 operationIds.set(event.operation.operationId, eventRevision);
                 bufferedCommittedEvents.delete(eventRevision);
@@ -12090,7 +12109,7 @@ function createWhiteboardRuntime() {
                             _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                             try {
                                 for(_iterator = reconciliation.recoveredOperationIds[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                    _step_value = _sliced_to_array$p(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
+                                    _step_value = _sliced_to_array$q(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
                                     recoveredOperationIds.set(operationId, revision);
                                 }
                             } catch (err) {
@@ -12193,7 +12212,7 @@ function createWhiteboardRuntime() {
                         _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                         try {
                             for(_iterator = recovery.recoveredOperationIds[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                _step_value = _sliced_to_array$p(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
+                                _step_value = _sliced_to_array$q(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
                                 recoveredOperationIds.set(operationId, revision);
                             }
                         } catch (err) {
@@ -12684,22 +12703,22 @@ function ensureBoardWithRetry(socket, shareSessionKey, requestId, getCurrentRequ
     })();
 }
 function isReadyBoard(response) {
-    return (typeof response === "undefined" ? "undefined" : _type_of$7(response)) === 'object' && response !== null && 'status' in response && response.status === 'ready' && 'boardId' in response && typeof response.boardId === 'string';
+    return (typeof response === "undefined" ? "undefined" : _type_of$c(response)) === 'object' && response !== null && 'status' in response && response.status === 'ready' && 'boardId' in response && typeof response.boardId === 'string';
 }
 function isNoActiveBoard(response) {
-    return (typeof response === "undefined" ? "undefined" : _type_of$7(response)) === 'object' && response !== null && 'status' in response && response.status === 'no_active_board' && 'shareSessionKey' in response && typeof response.shareSessionKey === 'string';
+    return (typeof response === "undefined" ? "undefined" : _type_of$c(response)) === 'object' && response !== null && 'status' in response && response.status === 'no_active_board' && 'shareSessionKey' in response && typeof response.shareSessionKey === 'string';
 }
 function isBoardEnsureAck(response) {
     return isReadyBoard(response) || isNoActiveBoard(response) || isBoardEnsureFailure(response);
 }
 function isBoardEnsureFailure(response) {
-    return (typeof response === "undefined" ? "undefined" : _type_of$7(response)) === 'object' && response !== null && 'status' in response && (response.status === 'forbidden' || response.status === 'invalid_share_key' || response.status === 'unavailable');
+    return (typeof response === "undefined" ? "undefined" : _type_of$c(response)) === 'object' && response !== null && 'status' in response && (response.status === 'forbidden' || response.status === 'invalid_share_key' || response.status === 'unavailable');
 }
 function isAcceptedAuthUpdateAck(response) {
-    return (typeof response === "undefined" ? "undefined" : _type_of$7(response)) === 'object' && response !== null && 'status' in response && response.status === 'accepted';
+    return (typeof response === "undefined" ? "undefined" : _type_of$c(response)) === 'object' && response !== null && 'status' in response && response.status === 'accepted';
 }
 function isAuthUpdateAck(response) {
-    return isAcceptedAuthUpdateAck(response) || (typeof response === "undefined" ? "undefined" : _type_of$7(response)) === 'object' && response !== null && 'status' in response && response.status === 'unauthorized' && 'code' in response && response.code === 'WHITEBOARD_UNAUTHORIZED';
+    return isAcceptedAuthUpdateAck(response) || (typeof response === "undefined" ? "undefined" : _type_of$c(response)) === 'object' && response !== null && 'status' in response && response.status === 'unauthorized' && 'code' in response && response.code === 'WHITEBOARD_UNAUTHORIZED';
 }
 function delay(timeoutMs) {
     return new Promise(function(resolve) {
@@ -12707,10 +12726,10 @@ function delay(timeoutMs) {
     });
 }
 function isBoardReadyEvent(response) {
-    return (typeof response === "undefined" ? "undefined" : _type_of$7(response)) === 'object' && response !== null && 'boardId' in response && typeof response.boardId === 'string' && 'shareSessionKey' in response && typeof response.shareSessionKey === 'string' && 'headRevision' in response && typeof response.headRevision === 'number';
+    return (typeof response === "undefined" ? "undefined" : _type_of$c(response)) === 'object' && response !== null && 'boardId' in response && typeof response.boardId === 'string' && 'shareSessionKey' in response && typeof response.shareSessionKey === 'string' && 'headRevision' in response && typeof response.headRevision === 'number';
 }
 function isOperationCommittedEvent(response) {
-    return (typeof response === "undefined" ? "undefined" : _type_of$7(response)) === 'object' && response !== null && 'boardId' in response && typeof response.boardId === 'string' && 'revision' in response && typeof response.revision === 'number' && 'operation' in response && isWhiteboardCommittedOperation(response.operation);
+    return (typeof response === "undefined" ? "undefined" : _type_of$c(response)) === 'object' && response !== null && 'boardId' in response && typeof response.boardId === 'string' && 'revision' in response && typeof response.revision === 'number' && 'operation' in response && isWhiteboardCommittedOperation(response.operation);
 }
 function normalizeOperationSubmitAck(response) {
     if (isOperationSubmitAck(response)) return response;
@@ -12719,7 +12738,7 @@ function normalizeOperationSubmitAck(response) {
     };
 }
 function isOperationSubmitAck(response) {
-    if ((typeof response === "undefined" ? "undefined" : _type_of$7(response)) !== 'object' || response === null || !('status' in response) || typeof response.status !== 'string') {
+    if ((typeof response === "undefined" ? "undefined" : _type_of$c(response)) !== 'object' || response === null || !('status' in response) || typeof response.status !== 'string') {
         return false;
     }
     if (response.status === 'accepted') {
@@ -12783,7 +12802,7 @@ function queueErrorToStatus(error, operationId) {
     };
 }
 function setSocketToken(socket, token) {
-    if (_type_of$7(socket.auth) !== 'object' || socket.auth === null) return;
+    if (_type_of$c(socket.auth) !== 'object' || socket.auth === null) return;
     if (!('token' in socket.auth) || typeof socket.auth.token !== 'string') return;
     socket.auth.token = token;
 }
@@ -12828,16 +12847,16 @@ function requestJson(fetchImpl, url, token, signal) {
     })();
 }
 
-function _array_like_to_array$r(arr, len) {
+function _array_like_to_array$s(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$o(arr) {
+function _array_with_holes$p(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$9(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$r(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$s(arr);
 }
 function asyncGeneratorStep$m(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -12884,7 +12903,7 @@ function _define_property$k(obj, key, value) {
 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$o(arr, i) {
+function _iterable_to_array_limit$p(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -12908,7 +12927,7 @@ function _iterable_to_array_limit$o(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$o() {
+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$9() {
@@ -12948,19 +12967,19 @@ function _object_spread_props$f(target, source) {
     }
     return target;
 }
-function _sliced_to_array$o(arr, i) {
-    return _array_with_holes$o(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$r(arr, i) || _non_iterable_rest$o();
+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$9(arr) {
-    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$r(arr) || _non_iterable_spread$9();
+    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$r(o, minLen) {
+function _unsupported_iterable_to_array$s(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$r(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$s(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$r(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$s(o, minLen);
 }
 function _ts_generator$m(thisArg, body) {
     var f, y, t, _ = {
@@ -13064,20 +13083,20 @@ function _ts_generator$m(thisArg, body) {
 function WhiteboardProvider(param) {
     var controlledAuth = param.auth, children = param.children, _param_createRuntime = param.createRuntime, createRuntime = _param_createRuntime === void 0 ? createWhiteboardRuntime : _param_createRuntime, onDiagnostic = param.onDiagnostic, realtimeEndpoint = param.realtimeEndpoint, recoveryPort = param.recoveryPort, socketFactory = param.socketFactory, controlledShareSessionKey = param.shareSessionKey;
     var _boardState_activeShareSessionKey, _ref;
-    var _useState = _sliced_to_array$o(useState(hasValidWhiteboardAuth(controlledAuth) ? controlledAuth : undefined), 2), auth = _useState[0], setAuthState = _useState[1];
-    var _useState1 = _sliced_to_array$o(useState(controlledShareSessionKey), 2), shareSessionKey = _useState1[0], setShareSessionKey = _useState1[1];
-    var _useState2 = _sliced_to_array$o(useState(hasValidWhiteboardAuth(controlledAuth) ? 'connecting' : 'standby'), 2), status = _useState2[0], setStatus = _useState2[1];
-    var _useState3 = _sliced_to_array$o(useState({
+    var _useState = _sliced_to_array$p(useState(hasValidWhiteboardAuth(controlledAuth) ? controlledAuth : undefined), 2), auth = _useState[0], setAuthState = _useState[1];
+    var _useState1 = _sliced_to_array$p(useState(controlledShareSessionKey), 2), shareSessionKey = _useState1[0], setShareSessionKey = _useState1[1];
+    var _useState2 = _sliced_to_array$p(useState(hasValidWhiteboardAuth(controlledAuth) ? 'connecting' : 'standby'), 2), status = _useState2[0], setStatus = _useState2[1];
+    var _useState3 = _sliced_to_array$p(useState({
         activeShareSessionKey: controlledShareSessionKey,
         confirmedRevision: 0,
         headRevision: 0,
         pendingOperationCount: 0
     }), 2), boardState = _useState3[0], setBoardState = _useState3[1];
-    var _useState4 = _sliced_to_array$o(useState('idle'), 2), recoveryStatus = _useState4[0], setRecoveryStatus = _useState4[1];
-    var _useState5 = _sliced_to_array$o(useState(undefined), 2), recovery = _useState5[0], setRecovery = _useState5[1];
-    var _useState6 = _sliced_to_array$o(useState(undefined), 2), committedEvent = _useState6[0], setCommittedEvent = _useState6[1];
-    var _useState7 = _sliced_to_array$o(useState([]), 2), committedEvents = _useState7[0], setCommittedEvents = _useState7[1];
-    var _useState8 = _sliced_to_array$o(useState({
+    var _useState4 = _sliced_to_array$p(useState('idle'), 2), recoveryStatus = _useState4[0], setRecoveryStatus = _useState4[1];
+    var _useState5 = _sliced_to_array$p(useState(undefined), 2), recovery = _useState5[0], setRecovery = _useState5[1];
+    var _useState6 = _sliced_to_array$p(useState(undefined), 2), committedEvent = _useState6[0], setCommittedEvent = _useState6[1];
+    var _useState7 = _sliced_to_array$p(useState([]), 2), committedEvents = _useState7[0], setCommittedEvents = _useState7[1];
+    var _useState8 = _sliced_to_array$p(useState({
         state: 'idle'
     }), 2), submitStatus = _useState8[0], setSubmitStatus = _useState8[1];
     var authRef = useRef(auth);
@@ -13459,13 +13478,13 @@ function WhiteboardProvider(param) {
     });
 }
 
-function _array_like_to_array$q(arr, len) {
+function _array_like_to_array$r(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$8(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$q(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$r(arr);
 }
 function _define_property$j(obj, key, value) {
     if (key in obj) {
@@ -13521,15 +13540,15 @@ function _object_spread_props$e(target, source) {
     return target;
 }
 function _to_consumable_array$8(arr) {
-    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$8();
+    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$q(o, minLen) {
+function _unsupported_iterable_to_array$r(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$q(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$r(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$q(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$r(o, minLen);
 }
 var RoomPlatformIntegrationsContext = createContext({
     integrations: null
@@ -13588,6 +13607,21 @@ function useRoomPlatformPrivateRoomContext() {
     return context;
 }
 
+function createRoomPlatformScreenShareCaptureOptions() {
+    var CaptureController = globalThis.CaptureController;
+    if (typeof CaptureController !== 'function') return undefined;
+    try {
+        var controller = new CaptureController();
+        controller.setFocusBehavior('focus-capturing-application');
+        return {
+            controller: controller,
+            selfBrowserSurface: 'include'
+        };
+    } catch (unused) {
+        return undefined;
+    }
+}
+
 var RoomPlatformGatewayErrorCode = {
     ACCESS_SESSION_INVALID: 'ROOM_PLATFORM_ACCESS_SESSION_INVALID',
     LAUNCH_TICKET_INVALID: 'ROOM_PLATFORM_LAUNCH_TICKET_INVALID'
@@ -13596,16 +13630,16 @@ var RoomPlatformRuntimeErrorCode = {
     LIVEKIT_TOKEN_EXPIRED: 'LIVEKIT_TOKEN_EXPIRED'
 };
 
-function _array_like_to_array$p(arr, len) {
+function _array_like_to_array$q(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$n(arr) {
+function _array_with_holes$o(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$7(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$p(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$q(arr);
 }
 function _assert_this_initialized$1(self) {
     if (self === void 0) {
@@ -13700,7 +13734,7 @@ function _inherits$1(subClass, superClass) {
     });
     if (superClass) _set_prototype_of$1(subClass, superClass);
 }
-function _instanceof$3(left, right) {
+function _instanceof$4(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
@@ -13713,7 +13747,7 @@ function _is_native_function$1(fn) {
 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$n(arr, i) {
+function _iterable_to_array_limit$o(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -13737,7 +13771,7 @@ function _iterable_to_array_limit$n(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$n() {
+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$7() {
@@ -13778,7 +13812,7 @@ function _object_spread_props$d(target, source) {
     return target;
 }
 function _possible_constructor_return$1(self, call) {
-    if (call && (_type_of$6(call) === "object" || typeof call === "function")) {
+    if (call && (_type_of$b(call) === "object" || typeof call === "function")) {
         return call;
     }
     return _assert_this_initialized$1(self);
@@ -13790,23 +13824,23 @@ function _set_prototype_of$1(o, p) {
     };
     return _set_prototype_of$1(o, p);
 }
-function _sliced_to_array$n(arr, i) {
-    return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$p(arr, i) || _non_iterable_rest$n();
+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$7(arr) {
-    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$p(arr) || _non_iterable_spread$7();
+    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) {
+function _type_of$b(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$p(o, minLen) {
+function _unsupported_iterable_to_array$q(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$p(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$q(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$p(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$q(o, minLen);
 }
 function _wrap_native_super$1(Class) {
     var _cache = typeof Map === "function" ? new Map() : undefined;
@@ -13997,12 +14031,12 @@ var createIdempotencyKey$1 = function() {
 var actionPendingKey = function(name, payload) {
     if (!payload) return name;
     return "".concat(name, ":").concat(JSON.stringify(Object.entries(payload).sort(function(param, param1) {
-        var _param = _sliced_to_array$n(param, 1), left = _param[0], _param1 = _sliced_to_array$n(param1, 1), right = _param1[0];
+        var _param = _sliced_to_array$o(param, 1), left = _param[0], _param1 = _sliced_to_array$o(param1, 1), right = _param1[0];
         return left.localeCompare(right);
     })));
 };
 var toError = function(error) {
-    return _instanceof$3(error, Error) ? error : new Error(String(error));
+    return _instanceof$4(error, Error) ? error : new Error(String(error));
 };
 var toGatewayError = function(response) {
     return _async_to_generator$l(function() {
@@ -14043,12 +14077,12 @@ var toGatewayError = function(response) {
     })();
 };
 var unwrapGatewayResponse = function(body) {
-    if (body && (typeof body === "undefined" ? "undefined" : _type_of$6(body)) === 'object' && 'data' in body) return body.data;
+    if (body && (typeof body === "undefined" ? "undefined" : _type_of$b(body)) === 'object' && 'data' in body) return body.data;
     return body;
 };
 var errorCodeOf = function(error) {
-    if (_instanceof$3(error, RoomPlatformGatewayError)) return error.code;
-    if ((typeof error === "undefined" ? "undefined" : _type_of$6(error)) === 'object' && error !== null && 'code' in error && typeof error.code === 'string') return error.code;
+    if (_instanceof$4(error, RoomPlatformGatewayError)) return error.code;
+    if ((typeof error === "undefined" ? "undefined" : _type_of$b(error)) === 'object' && error !== null && 'code' in error && typeof error.code === 'string') return error.code;
     return undefined;
 };
 var renewalReasonFor = function(error) {
@@ -14093,21 +14127,21 @@ 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$n(useState(), 2), access = _useState[0], setAccess = _useState[1];
-    var _useState1 = _sliced_to_array$n(useState(emptyActiveDevices), 2), activeDevices = _useState1[0], setActiveDevices = _useState1[1];
-    var _useState2 = _sliced_to_array$n(useState(), 2), actionError = _useState2[0], setActionError = _useState2[1];
-    var _useState3 = _sliced_to_array$n(useState(), 2), controlState = _useState3[0], setControlState = _useState3[1];
-    var _useState4 = _sliced_to_array$n(useState(), 2), error = _useState4[0], setError = _useState4[1];
-    var _useState5 = _sliced_to_array$n(useState(null), 2), localCameraTrack = _useState5[0], setLocalCameraTrack = _useState5[1];
-    var _useState6 = _sliced_to_array$n(useState(emptyLocalMediaState), 2), localMedia = _useState6[0], setLocalMedia = _useState6[1];
-    var _useState7 = _sliced_to_array$n(useState(null), 2), integrations = _useState7[0], setIntegrations = _useState7[1];
-    var _useState8 = _sliced_to_array$n(useState(), 2), privateRoom = _useState8[0], setPrivateRoom = _useState8[1];
-    var _useState9 = _sliced_to_array$n(useState(), 2), privateRoomConnection = _useState9[0], setPrivateRoomConnection = _useState9[1];
-    var _useState10 = _sliced_to_array$n(useState(false), 2), privateMediaRestorePending = _useState10[0], setPrivateMediaRestorePending = _useState10[1];
-    var _useState11 = _sliced_to_array$n(useState([]), 2), pendingActionKeys = _useState11[0], setPendingActionKeys = _useState11[1];
-    var _useState12 = _sliced_to_array$n(useState([]), 2), pendingLocalMediaKinds = _useState12[0], setPendingLocalMediaKinds = _useState12[1];
-    var _useState13 = _sliced_to_array$n(useState(null), 2), room = _useState13[0], setRoom = _useState13[1];
-    var _useState14 = _sliced_to_array$n(useState('connecting'), 2), status = _useState14[0], setStatus = _useState14[1];
+    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];
+    var _useState3 = _sliced_to_array$o(useState(), 2), controlState = _useState3[0], setControlState = _useState3[1];
+    var _useState4 = _sliced_to_array$o(useState(), 2), error = _useState4[0], setError = _useState4[1];
+    var _useState5 = _sliced_to_array$o(useState(null), 2), localCameraTrack = _useState5[0], setLocalCameraTrack = _useState5[1];
+    var _useState6 = _sliced_to_array$o(useState(emptyLocalMediaState), 2), localMedia = _useState6[0], setLocalMedia = _useState6[1];
+    var _useState7 = _sliced_to_array$o(useState(null), 2), integrations = _useState7[0], setIntegrations = _useState7[1];
+    var _useState8 = _sliced_to_array$o(useState(), 2), privateRoom = _useState8[0], setPrivateRoom = _useState8[1];
+    var _useState9 = _sliced_to_array$o(useState(), 2), privateRoomConnection = _useState9[0], setPrivateRoomConnection = _useState9[1];
+    var _useState10 = _sliced_to_array$o(useState(false), 2), privateMediaRestorePending = _useState10[0], setPrivateMediaRestorePending = _useState10[1];
+    var _useState11 = _sliced_to_array$o(useState([]), 2), pendingActionKeys = _useState11[0], setPendingActionKeys = _useState11[1];
+    var _useState12 = _sliced_to_array$o(useState([]), 2), pendingLocalMediaKinds = _useState12[0], setPendingLocalMediaKinds = _useState12[1];
+    var _useState13 = _sliced_to_array$o(useState(null), 2), room = _useState13[0], setRoom = _useState13[1];
+    var _useState14 = _sliced_to_array$o(useState('connecting'), 2), status = _useState14[0], setStatus = _useState14[1];
     var isMountedRef = useRef(false);
     var accessRef = useRef(undefined);
     var controlStateRef = useRef(undefined);
@@ -14782,7 +14816,7 @@ function RoomPlatformProvider(param) {
                 ]
             ];
             localTrackEventHandlers.forEach(function(param) {
-                var _param = _sliced_to_array$n(param, 2), event = _param[0], eventName = _param[1];
+                var _param = _sliced_to_array$o(param, 2), event = _param[0], eventName = _param[1];
                 var handler = function() {
                     return roomPlatformDebug(eventName, {
                         isUpstreamPaused: localCameraTrack.isUpstreamPaused,
@@ -14838,7 +14872,7 @@ function RoomPlatformProvider(param) {
             window.clearInterval(timer);
             if (localCameraTrack) {
                 registeredLocalTrackEventHandlers.forEach(function(param) {
-                    var _param = _sliced_to_array$n(param, 2), event = _param[0], handler = _param[1];
+                    var _param = _sliced_to_array$o(param, 2), event = _param[0], handler = _param[1];
                     localCameraTrack.off(event, handler);
                 });
             }
@@ -15649,7 +15683,7 @@ function RoomPlatformProvider(param) {
                                             reportLifecycleEvent('reconnect.failed');
                                         }
                                         var error = args.find(function(argument) {
-                                            return _instanceof$3(argument, Error) || errorCodeOf(argument);
+                                            return _instanceof$4(argument, Error) || errorCodeOf(argument);
                                         });
                                         void function() {
                                             return _async_to_generator$l(function() {
@@ -16252,7 +16286,7 @@ function RoomPlatformProvider(param) {
         if (existingOperation !== undefined) return existingOperation;
         var operation = (function() {
             return _async_to_generator$l(function() {
-                var _controlStateRef_current, _accessRef_current, connection, role, currentAccess, hasTemporarySpeakerGrant, ringingPrivateRoom, participant, actorId, isRingingForActor, _ref, currentSnapshot, snapshot;
+                var _controlStateRef_current, _accessRef_current, connection, role, currentAccess, hasTemporarySpeakerGrant, screenShareOptions, ringingPrivateRoom, participant, actorId, isRingingForActor, _ref, currentSnapshot, snapshot;
                 return _ts_generator$l(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -16299,7 +16333,7 @@ function RoomPlatformProvider(param) {
                             }
                             return [
                                 3,
-                                7
+                                12
                             ];
                         case 3:
                             return [
@@ -16310,20 +16344,53 @@ function RoomPlatformProvider(param) {
                             _state.sent();
                             return [
                                 3,
-                                7
+                                12
                             ];
                         case 5:
+                            if (!!enabled) return [
+                                3,
+                                7
+                            ];
                             return [
                                 4,
-                                connection.room.localParticipant.setScreenShareEnabled(enabled)
+                                connection.room.localParticipant.setScreenShareEnabled(false)
                             ];
                         case 6:
                             _state.sent();
                             return [
                                 3,
-                                7
+                                12
                             ];
                         case 7:
+                            screenShareOptions = createRoomPlatformScreenShareCaptureOptions();
+                            if (!screenShareOptions) return [
+                                3,
+                                9
+                            ];
+                            return [
+                                4,
+                                connection.room.localParticipant.setScreenShareEnabled(true, screenShareOptions)
+                            ];
+                        case 8:
+                            _state.sent();
+                            return [
+                                3,
+                                11
+                            ];
+                        case 9:
+                            return [
+                                4,
+                                connection.room.localParticipant.setScreenShareEnabled(true)
+                            ];
+                        case 10:
+                            _state.sent();
+                            _state.label = 11;
+                        case 11:
+                            return [
+                                3,
+                                12
+                            ];
+                        case 12:
                             ringingPrivateRoom = privateRoomRef.current;
                             participant = connection.room.localParticipant;
                             actorId = externalActorIdFromMetadata$2(participant.metadata);
@@ -16806,12 +16873,12 @@ function useRoomPlatformToast() {
     return useContext(RoomPlatformToastContext);
 }
 
-function _array_like_to_array$o(arr, len) {
+function _array_like_to_array$p(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$m(arr) {
+function _array_with_holes$n(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$k(gen, resolve, reject, _next, _throw, key, arg) {
@@ -16843,7 +16910,7 @@ function _async_to_generator$k(fn) {
         });
     };
 }
-function _iterable_to_array_limit$m(arr, i) {
+function _iterable_to_array_limit$n(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -16867,19 +16934,19 @@ function _iterable_to_array_limit$m(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$m() {
+function _non_iterable_rest$n() {
     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 _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 _sliced_to_array$n(arr, i) {
+    return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$p(arr, i) || _non_iterable_rest$n();
 }
-function _unsupported_iterable_to_array$o(o, minLen) {
+function _unsupported_iterable_to_array$p(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$o(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$p(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$o(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$p(o, minLen);
 }
 function _ts_generator$k(thisArg, body) {
     var f, y, t, _ = {
@@ -17034,9 +17101,9 @@ function useRoomPlatformPrivateRoom() {
     var _useRoomPlatformPrivateRoomContext = useRoomPlatformPrivateRoomContext(), projectedPrivateRoom = _useRoomPlatformPrivateRoomContext.privateRoom, projectedPrivateRoomConnection = _useRoomPlatformPrivateRoomContext.privateRoomConnection;
     var privateRoom = isValidPrivateRoomProjection(projectedPrivateRoom) ? projectedPrivateRoom : undefined;
     var privateRoomConnection = privateRoom && isValidPrivateRoomConnection(projectedPrivateRoomConnection, privateRoom) ? projectedPrivateRoomConnection : undefined;
-    var _useState = _sliced_to_array$m(useState(false), 2), isAcceptingPrivateRoom = _useState[0], setIsAcceptingPrivateRoom = _useState[1];
-    var _useState1 = _sliced_to_array$m(useState(false), 2), isEndingPrivateRoom = _useState1[0], setIsEndingPrivateRoom = _useState1[1];
-    var _useState2 = _sliced_to_array$m(useState(), 2), privateRoomReturnedNoticeId = _useState2[0], setPrivateRoomReturnedNoticeId = _useState2[1];
+    var _useState = _sliced_to_array$n(useState(false), 2), isAcceptingPrivateRoom = _useState[0], setIsAcceptingPrivateRoom = _useState[1];
+    var _useState1 = _sliced_to_array$n(useState(false), 2), isEndingPrivateRoom = _useState1[0], setIsEndingPrivateRoom = _useState1[1];
+    var _useState2 = _sliced_to_array$n(useState(), 2), privateRoomReturnedNoticeId = _useState2[0], setPrivateRoomReturnedNoticeId = _useState2[1];
     var actorExternalId = externalActorIdFromMetadata$1(room === null || room === void 0 ? void 0 : room.localParticipant.metadata);
     var isCaller = Boolean(actorExternalId && (privateRoom === null || privateRoom === void 0 ? void 0 : privateRoom.callerExternalActorId) === actorExternalId);
     var isStudent = Boolean(actorExternalId && (privateRoom === null || privateRoom === void 0 ? void 0 : privateRoom.studentExternalActorId) === actorExternalId);
@@ -17287,21 +17354,21 @@ function useRoomPlatformPrivateRoomPendingState() {
     };
 }
 
-function _array_like_to_array$n(arr, len) {
+function _array_like_to_array$o(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$l(arr) {
+function _array_with_holes$m(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$6(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$n(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$o(arr);
 }
 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$l(arr, i) {
+function _iterable_to_array_limit$m(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -17325,35 +17392,35 @@ function _iterable_to_array_limit$l(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$l() {
+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$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$l(arr, i) {
-    return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$l();
+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$6(arr) {
-    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$6();
+    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) {
+function _type_of$a(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$n(o, minLen) {
+function _unsupported_iterable_to_array$o(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$n(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$o(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$n(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$o(o, minLen);
 }
 var externalActorIdFromMetadata = function(metadata) {
     if (!metadata) return undefined;
     try {
         var parsed = JSON.parse(metadata);
-        if (!parsed || (typeof parsed === "undefined" ? "undefined" : _type_of$5(parsed)) !== 'object' || Array.isArray(parsed)) return undefined;
+        if (!parsed || (typeof parsed === "undefined" ? "undefined" : _type_of$a(parsed)) !== 'object' || Array.isArray(parsed)) return undefined;
         var externalActorId = parsed.externalActorId;
         return typeof externalActorId === 'string' && externalActorId.trim() ? externalActorId : undefined;
     } catch (unused) {
@@ -17395,7 +17462,7 @@ var snapshotPresence = function(room, controlState) {
 };
 function useRoomPresence() {
     var _useRoomPlatform = useRoomPlatform(), controlState = _useRoomPlatform.controlState, room = _useRoomPlatform.room;
-    var _useState = _sliced_to_array$l(useState(function() {
+    var _useState = _sliced_to_array$m(useState(function() {
         return snapshotPresence(room, controlState);
     }), 2), presence = _useState[0], setPresence = _useState[1];
     useEffect(function() {
@@ -17436,15 +17503,15 @@ function useRoomPresence() {
     return presence;
 }
 
-function _array_like_to_array$m(arr, len) {
+function _array_like_to_array$n(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$k(arr) {
+function _array_with_holes$l(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$k(arr, i) {
+function _iterable_to_array_limit$l(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -17468,19 +17535,19 @@ function _iterable_to_array_limit$k(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$k() {
+function _non_iterable_rest$l() {
     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 _sliced_to_array$k(arr, i) {
-    return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$k();
+function _sliced_to_array$l(arr, i) {
+    return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$l();
 }
-function _unsupported_iterable_to_array$m(o, minLen) {
+function _unsupported_iterable_to_array$n(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$m(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$n(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$m(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$n(o, minLen);
 }
 function RoomParticipantActions(param) {
     var _param_isActiveSpeaker = param.isActiveSpeaker, isActiveSpeaker = _param_isActiveSpeaker === void 0 ? false : _param_isActiveSpeaker, isLocal = param.isLocal, isOnline = param.isOnline, participant = param.participant, participantIdentity = param.participantIdentity;
@@ -17496,7 +17563,7 @@ function RoomParticipantActions(param) {
     var canUsePrivateRoom = (controlState === null || controlState === void 0 ? void 0 : controlState.mode) && (controlState === null || controlState === void 0 ? void 0 : controlState.mode) !== 'live';
     var _useRoomPlatformPrivateRoom = useRoomPlatformPrivateRoom(), cancelPrivateRoom = _useRoomPlatformPrivateRoom.cancelPrivateRoom, currentPrivateRoomOperation = _useRoomPlatformPrivateRoom.currentPrivateRoomOperation;
     var roomPlatformToast = useRoomPlatformToast();
-    var _useState = _sliced_to_array$k(useState(false), 2), privateCallHovered = _useState[0], setPrivateCallHovered = _useState[1];
+    var _useState = _sliced_to_array$l(useState(false), 2), privateCallHovered = _useState[0], setPrivateCallHovered = _useState[1];
     var actionPayload = resolvedParticipantIdentity ? {
         participantIdentity: resolvedParticipantIdentity
     } : undefined;
@@ -17904,22 +17971,22 @@ function RoomPlatformActiveSpeaker(param) {
     }) : null;
 }
 
-function _array_like_to_array$l(arr, len) {
+function _array_like_to_array$m(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$j(arr) {
+function _array_with_holes$k(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _instanceof$2(left, right) {
+function _instanceof$3(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
         return left instanceof right;
     }
 }
-function _iterable_to_array_limit$j(arr, i) {
+function _iterable_to_array_limit$k(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -17943,31 +18010,31 @@ function _iterable_to_array_limit$j(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$j() {
+function _non_iterable_rest$k() {
     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 _sliced_to_array$j(arr, i) {
-    return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$j();
+function _sliced_to_array$k(arr, i) {
+    return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$k();
 }
-function _unsupported_iterable_to_array$l(o, minLen) {
+function _unsupported_iterable_to_array$m(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$l(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$m(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$l(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$m(o, minLen);
 }
 var IDLE_TIMEOUT_MS = 15000;
 var ROOM_CONTROL_ACTIVITY_SELECTOR = '[data-room-control-activity]';
 var isRoomControlActivityTarget = function(target) {
-    return _instanceof$2(target, Element) && Boolean(target.closest(ROOM_CONTROL_ACTIVITY_SELECTOR));
+    return _instanceof$3(target, Element) && Boolean(target.closest(ROOM_CONTROL_ACTIVITY_SELECTOR));
 };
 function RoomPlatformControlAnchor(param) {
     var _param_anchorKind = param.anchorKind, anchorKind = _param_anchorKind === void 0 ? 'main-panel' : _param_anchorKind, children = param.children, controlBar = param.controlBar, _param_anchorScope = param.anchorScope, anchorScope = _param_anchorScope === void 0 ? 'panel' : _param_anchorScope, className = param.className, style = param.style;
-    var _useState = _sliced_to_array$j(useState(true), 2), isVisible = _useState[0], setIsVisible = _useState[1];
-    var _useState1 = _sliced_to_array$j(useState(false), 2), isHovered = _useState1[0], setIsHovered = _useState1[1];
-    var _useState2 = _sliced_to_array$j(useState(false), 2), isFocusWithin = _useState2[0], setIsFocusWithin = _useState2[1];
-    var _useState3 = _sliced_to_array$j(useState(0), 2), activityVersion = _useState3[0], setActivityVersion = _useState3[1];
+    var _useState = _sliced_to_array$k(useState(true), 2), isVisible = _useState[0], setIsVisible = _useState[1];
+    var _useState1 = _sliced_to_array$k(useState(false), 2), isHovered = _useState1[0], setIsHovered = _useState1[1];
+    var _useState2 = _sliced_to_array$k(useState(false), 2), isFocusWithin = _useState2[0], setIsFocusWithin = _useState2[1];
+    var _useState3 = _sliced_to_array$k(useState(0), 2), activityVersion = _useState3[0], setActivityVersion = _useState3[1];
     var anchorRef = useRef(null);
     var timerRef = useRef(null);
     var focusTimerRef = useRef(null);
@@ -18105,15 +18172,15 @@ function RoomPlatformControlAnchor(param) {
     });
 }
 
-function _array_like_to_array$k(arr, len) {
+function _array_like_to_array$l(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$i(arr) {
+function _array_with_holes$j(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$i(arr, i) {
+function _iterable_to_array_limit$j(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -18137,19 +18204,19 @@ function _iterable_to_array_limit$i(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$i() {
+function _non_iterable_rest$j() {
     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 _sliced_to_array$i(arr, i) {
-    return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$i();
+function _sliced_to_array$j(arr, i) {
+    return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$j();
 }
-function _unsupported_iterable_to_array$k(o, minLen) {
+function _unsupported_iterable_to_array$l(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$k(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$l(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$k(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$l(o, minLen);
 }
 var ALLOWED_MIME_TYPES = [
     'image/jpeg',
@@ -18174,8 +18241,8 @@ function RoomPlatformBackgroundSettings(param) {
     var state = param.state, presets = param.presets, uploadItems = param.uploadItems, onSelectNoBackground = param.onSelectNoBackground, onSelectBlurLevel = param.onSelectBlurLevel, onSelectPreset = param.onSelectPreset, onSelectUploaded = param.onSelectUploaded, onDeleteUploaded = param.onDeleteUploaded, onUpload = param.onUpload;
     var _ref;
     var _presets_;
-    var _useState = _sliced_to_array$i(useState(null), 2), uploadError = _useState[0], setUploadError = _useState[1];
-    var _useState1 = _sliced_to_array$i(useState(function() {
+    var _useState = _sliced_to_array$j(useState(null), 2), uploadError = _useState[0], setUploadError = _useState[1];
+    var _useState1 = _sliced_to_array$j(useState(function() {
         return backgroundTabFromState(state.mode);
     }), 2), activeTab = _useState1[0], setActiveTab = _useState1[1];
     var fileInputId = useId();
@@ -18561,12 +18628,12 @@ var getSelectedDevice = function(devices, selectedValue) {
     });
 };
 
-function _array_like_to_array$j(arr, len) {
+function _array_like_to_array$k(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$h(arr) {
+function _array_with_holes$i(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$j(gen, resolve, reject, _next, _throw, key, arg) {
@@ -18598,7 +18665,7 @@ function _async_to_generator$j(fn) {
         });
     };
 }
-function _iterable_to_array_limit$h(arr, i) {
+function _iterable_to_array_limit$i(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -18622,19 +18689,19 @@ function _iterable_to_array_limit$h(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$h() {
+function _non_iterable_rest$i() {
     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 _sliced_to_array$h(arr, i) {
-    return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$h();
+function _sliced_to_array$i(arr, i) {
+    return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$i();
 }
-function _unsupported_iterable_to_array$j(o, minLen) {
+function _unsupported_iterable_to_array$k(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$j(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$k(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$j(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$k(o, minLen);
 }
 function _ts_generator$j(thisArg, body) {
     var f, y, t, _ = {
@@ -18790,12 +18857,12 @@ function RoomPlatformDeviceSettings(param) {
     var _useRoomPlatform = useRoomPlatform(), activeDevices = _useRoomPlatform.activeDevices, room = _useRoomPlatform.room, switchActiveDevice = _useRoomPlatform.switchActiveDevice;
     var enumerateDevices = (_navigator_mediaDevices = navigator.mediaDevices) === null || _navigator_mediaDevices === void 0 ? void 0 : _navigator_mediaDevices.enumerateDevices;
     var canEnumerateDevices = typeof enumerateDevices === 'function';
-    var _useState = _sliced_to_array$h(useState([]), 2), devices = _useState[0], setDevices = _useState[1];
-    var _useState1 = _sliced_to_array$h(useState(canEnumerateDevices ? (_activeDevices_audioinput = activeDevices.audioinput) !== null && _activeDevices_audioinput !== void 0 ? _activeDevices_audioinput : fallbacks.audioinput.value : fallbacks.audioinput.value), 2), selectedMicrophoneId = _useState1[0], setSelectedMicrophoneId = _useState1[1];
-    var _useState2 = _sliced_to_array$h(useState(canEnumerateDevices ? (_activeDevices_videoinput = activeDevices.videoinput) !== null && _activeDevices_videoinput !== void 0 ? _activeDevices_videoinput : fallbacks.videoinput.value : fallbacks.videoinput.value), 2), selectedCameraId = _useState2[0], setSelectedCameraId = _useState2[1];
-    var _useState3 = _sliced_to_array$h(useState(canEnumerateDevices ? (_activeDevices_audiooutput = activeDevices.audiooutput) !== null && _activeDevices_audiooutput !== void 0 ? _activeDevices_audiooutput : fallbacks.audiooutput.value : fallbacks.audiooutput.value), 2), selectedSpeakerId = _useState3[0], setSelectedSpeakerId = _useState3[1];
-    var _useState4 = _sliced_to_array$h(useState(null), 2), deviceApplyError = _useState4[0], setDeviceApplyError = _useState4[1];
-    var _useState5 = _sliced_to_array$h(useState(false), 2), isApplyingDevices = _useState5[0], setIsApplyingDevices = _useState5[1];
+    var _useState = _sliced_to_array$i(useState([]), 2), devices = _useState[0], setDevices = _useState[1];
+    var _useState1 = _sliced_to_array$i(useState(canEnumerateDevices ? (_activeDevices_audioinput = activeDevices.audioinput) !== null && _activeDevices_audioinput !== void 0 ? _activeDevices_audioinput : fallbacks.audioinput.value : fallbacks.audioinput.value), 2), selectedMicrophoneId = _useState1[0], setSelectedMicrophoneId = _useState1[1];
+    var _useState2 = _sliced_to_array$i(useState(canEnumerateDevices ? (_activeDevices_videoinput = activeDevices.videoinput) !== null && _activeDevices_videoinput !== void 0 ? _activeDevices_videoinput : fallbacks.videoinput.value : fallbacks.videoinput.value), 2), selectedCameraId = _useState2[0], setSelectedCameraId = _useState2[1];
+    var _useState3 = _sliced_to_array$i(useState(canEnumerateDevices ? (_activeDevices_audiooutput = activeDevices.audiooutput) !== null && _activeDevices_audiooutput !== void 0 ? _activeDevices_audiooutput : fallbacks.audiooutput.value : fallbacks.audiooutput.value), 2), selectedSpeakerId = _useState3[0], setSelectedSpeakerId = _useState3[1];
+    var _useState4 = _sliced_to_array$i(useState(null), 2), deviceApplyError = _useState4[0], setDeviceApplyError = _useState4[1];
+    var _useState5 = _sliced_to_array$i(useState(false), 2), isApplyingDevices = _useState5[0], setIsApplyingDevices = _useState5[1];
     var microphones = useMemo(function() {
         return devices.filter(function(param) {
             var kind = param.kind;
@@ -19055,12 +19122,12 @@ function RoomPlatformDeviceSettings(param) {
     });
 }
 
-function _array_like_to_array$i(arr, len) {
+function _array_like_to_array$j(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$g(arr) {
+function _array_with_holes$h(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$i(gen, resolve, reject, _next, _throw, key, arg) {
@@ -19105,7 +19172,7 @@ function _define_property$f(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$g(arr, i) {
+function _iterable_to_array_limit$h(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -19129,7 +19196,7 @@ function _iterable_to_array_limit$g(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$g() {
+function _non_iterable_rest$h() {
     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 _object_spread$d(target) {
@@ -19202,16 +19269,16 @@ function _object_without_properties_loose$3(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$g(arr, i) {
-    return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$g();
+function _sliced_to_array$h(arr, i) {
+    return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$h();
 }
-function _unsupported_iterable_to_array$i(o, minLen) {
+function _unsupported_iterable_to_array$j(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$i(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$j(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$i(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$j(o, minLen);
 }
 function _ts_generator$i(thisArg, body) {
     var f, y, t, _ = {
@@ -19361,9 +19428,9 @@ function RoomPlatformControlBar(param) {
     var cameraBackground = param.cameraBackground, _param_isFullscreen = param.isFullscreen, isFullscreen = _param_isFullscreen === void 0 ? false : _param_isFullscreen, _param_isTheaterMode = param.isTheaterMode, isTheaterMode = _param_isTheaterMode === void 0 ? false : _param_isTheaterMode, onExit = param.onExit, onToggleFullscreen = param.onToggleFullscreen, onToggleTheaterMode = param.onToggleTheaterMode;
     var _ref;
     var _useRoomPlatform = useRoomPlatform(), access = _useRoomPlatform.access, controlState = _useRoomPlatform.controlState, hasCapability = _useRoomPlatform.hasCapability, isLocalMediaPending = _useRoomPlatform.isLocalMediaPending, localMedia = _useRoomPlatform.localMedia, performAction = _useRoomPlatform.performAction, room = _useRoomPlatform.room, setLocalMediaEnabled = _useRoomPlatform.setLocalMediaEnabled;
-    var _useState = _sliced_to_array$g(useState(false), 2), settingsOpen = _useState[0], setSettingsOpen = _useState[1];
-    var _useState1 = _sliced_to_array$g(useState(false), 2), isRequestSpeakPending = _useState1[0], setIsRequestSpeakPending = _useState1[1];
-    var _useState2 = _sliced_to_array$g(useState(false), 2), isCancelSpeakPending = _useState2[0], setIsCancelSpeakPending = _useState2[1];
+    var _useState = _sliced_to_array$h(useState(false), 2), settingsOpen = _useState[0], setSettingsOpen = _useState[1];
+    var _useState1 = _sliced_to_array$h(useState(false), 2), isRequestSpeakPending = _useState1[0], setIsRequestSpeakPending = _useState1[1];
+    var _useState2 = _sliced_to_array$h(useState(false), 2), isCancelSpeakPending = _useState2[0], setIsCancelSpeakPending = _useState2[1];
     var roomPlatformToast = useRoomPlatformToast();
     var currentParticipant = useRoomPresence().find(function(participant) {
         return participant.isLocal;
@@ -19616,12 +19683,12 @@ function RoomPlatformControlBar(param) {
     });
 }
 
-function _array_like_to_array$h(arr, len) {
+function _array_like_to_array$i(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$f(arr) {
+function _array_with_holes$g(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$h(gen, resolve, reject, _next, _throw, key, arg) {
@@ -19653,7 +19720,7 @@ function _async_to_generator$h(fn) {
         });
     };
 }
-function _iterable_to_array_limit$f(arr, i) {
+function _iterable_to_array_limit$g(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -19677,19 +19744,19 @@ function _iterable_to_array_limit$f(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$f() {
+function _non_iterable_rest$g() {
     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 _sliced_to_array$f(arr, i) {
-    return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$f();
+function _sliced_to_array$g(arr, i) {
+    return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$g();
 }
-function _unsupported_iterable_to_array$h(o, minLen) {
+function _unsupported_iterable_to_array$i(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$h(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$i(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$h(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$i(o, minLen);
 }
 function _ts_generator$h(thisArg, body) {
     var f, y, t, _ = {
@@ -19794,7 +19861,7 @@ function RoomPlatformCurrentOperationStrip(param) {
     var activeSpeakerParticipantIdentity = param.activeSpeakerParticipantIdentity, canClearActiveSpeaker = param.canClearActiveSpeaker, isClearingActiveSpeaker = param.isClearingActiveSpeaker, onClearActiveSpeaker = param.onClearActiveSpeaker, participants = param.participants;
     var _ref, _ref1;
     var _useRoomPlatformPrivateRoom = useRoomPlatformPrivateRoom(), cancelPrivateRoom = _useRoomPlatformPrivateRoom.cancelPrivateRoom, currentPrivateRoomOperation = _useRoomPlatformPrivateRoom.currentPrivateRoomOperation;
-    var _useState = _sliced_to_array$f(useState(false), 2), isCancelingPrivateRoomOperation = _useState[0], setIsCancelingPrivateRoomOperation = _useState[1];
+    var _useState = _sliced_to_array$g(useState(false), 2), isCancelingPrivateRoomOperation = _useState[0], setIsCancelingPrivateRoomOperation = _useState[1];
     var roomPlatformToast = useRoomPlatformToast();
     var activeSpeaker = activeSpeakerParticipantIdentity ? participants.find(function(participant) {
         return participant.participantIdentity === activeSpeakerParticipantIdentity;
@@ -20062,15 +20129,15 @@ function RoomPlatformMonitorSidebarVideoTile(props) {
     return /*#__PURE__*/ jsx(RoomPlatformMonitorVideoTile, _object_spread$c({}, props));
 }
 
-function _array_like_to_array$g(arr, len) {
+function _array_like_to_array$h(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$e(arr) {
+function _array_with_holes$f(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$e(arr, i) {
+function _iterable_to_array_limit$f(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -20094,19 +20161,19 @@ function _iterable_to_array_limit$e(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$e() {
+function _non_iterable_rest$f() {
     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 _sliced_to_array$e(arr, i) {
-    return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$e();
+function _sliced_to_array$f(arr, i) {
+    return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$f();
 }
-function _unsupported_iterable_to_array$g(o, minLen) {
+function _unsupported_iterable_to_array$h(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$g(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$h(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$g(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$h(o, minLen);
 }
 var hasAvailableTrackMedia$1 = function(param) {
     var publication = param.publication;
@@ -20119,7 +20186,7 @@ var hasAvailableTrackMedia$1 = function(param) {
 };
 function RoomPlatformMonitorStage(param) {
     var roster = param.roster, _param_pageSize = param.pageSize, pageSize = _param_pageSize === void 0 ? 12 : _param_pageSize;
-    var _useState = _sliced_to_array$e(useState(1), 2), page = _useState[0], setPage = _useState[1];
+    var _useState = _sliced_to_array$f(useState(1), 2), page = _useState[0], setPage = _useState[1];
     var cameraTracks = useTracks([
         Track.Source.Camera
     ]);
@@ -20322,13 +20389,517 @@ function useRoomPlatformMonitorViewer(param) {
     ]);
 }
 
-function _array_like_to_array$f(arr, len) {
+var ROOM_CONTROL_VERSION = 1;
+var ROOM_CONTROL_ACTIONS = {
+    CLICK: 'ui.click',
+    SCROLL: 'ui.scroll'
+};
+
+function _type_of$9(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var MAX_CONTROL_SCOPE_LENGTH = 128;
+var MAX_CONTROL_ID_LENGTH = 128;
+var MAX_CONTROL_SCROLL_DELTA = 10000;
+var isRecord = function(value) {
+    return (typeof value === "undefined" ? "undefined" : _type_of$9(value)) === 'object' && value !== null && !Array.isArray(value);
+};
+var hasOwn$1 = function(value, key) {
+    return Object.prototype.hasOwnProperty.call(value, key);
+};
+var hasRequiredOwn = function(value) {
+    for(var _len = arguments.length, keys = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+        keys[_key - 1] = arguments[_key];
+    }
+    return keys.every(function(key) {
+        return hasOwn$1(value, key);
+    });
+};
+var isBoundedString = function(value, maxLength) {
+    return typeof value === 'string' && value === value.trim() && value.length > 0 && value.length <= maxLength;
+};
+var isValidId$1 = function(value) {
+    return isBoundedString(value, MAX_CONTROL_ID_LENGTH);
+};
+var isValidScope = function(value) {
+    if (typeof value !== 'string') return false;
+    var normalized = normalizeScopeId(value);
+    return normalized !== null && normalized === value;
+};
+var isValidVersion = function(value) {
+    return value === ROOM_CONTROL_VERSION;
+};
+function normalizeScopeId(value) {
+    if (typeof value !== 'string') return null;
+    var normalized = value.trim();
+    return normalized.length > 0 && normalized.length <= MAX_CONTROL_SCOPE_LENGTH ? normalized : null;
+}
+function isValidScrollPayload(value) {
+    return isRecord(value) && hasRequiredOwn(value, 'deltaY') && typeof value.deltaY === 'number' && Number.isFinite(value.deltaY) && Math.abs(value.deltaY) <= MAX_CONTROL_SCROLL_DELTA;
+}
+function isValidClickPayload(value) {
+    return isRecord(value) && hasRequiredOwn(value, 'x', 'y') && typeof value.x === 'number' && typeof value.y === 'number' && Number.isFinite(value.x) && Number.isFinite(value.y) && value.x >= 0 && value.x <= 1 && value.y >= 0 && value.y <= 1;
+}
+function isValidControlPayload(action, payload) {
+    if (action === ROOM_CONTROL_ACTIONS.CLICK) return isValidClickPayload(payload);
+    if (action === ROOM_CONTROL_ACTIONS.SCROLL) return isValidScrollPayload(payload);
+    return false;
+}
+var isValidOptionalString = function(value, key) {
+    var maxLength = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : MAX_CONTROL_ID_LENGTH;
+    return !hasOwn$1(value, key) || isBoundedString(value[key], maxLength);
+};
+function isValidControlCommand(value) {
+    if (!isRecord(value) || !hasRequiredOwn(value, 'type', 'version', 'scopeId', 'commandId', 'action', 'payload')) {
+        return false;
+    }
+    if (value.type !== 'control-command' || !isValidVersion(value.version) || !isValidScope(value.scopeId) || !isValidId$1(value.commandId) || !isValidId$1(value.action) || !isValidControlPayload(value.action, value.payload)) {
+        return false;
+    }
+    return !hasOwn$1(value, 'targetId') || isValidId$1(value.targetId);
+}
+function isValidControlTargetReady(value) {
+    return hasRequiredOwn(value, 'type', 'version', 'scopeId', 'targetId', 'capabilities') && value.type === 'control-target-ready' && isValidVersion(value.version) && isValidScope(value.scopeId) && isValidId$1(value.targetId) && Array.isArray(value.capabilities) && value.capabilities.every(function(capability) {
+        return isBoundedString(capability, MAX_CONTROL_ID_LENGTH);
+    }) && isValidOptionalString(value, 'targetType') && isValidOptionalString(value, 'requestId');
+}
+function isValidControlDiscover(value) {
+    return hasRequiredOwn(value, 'type', 'version', 'scopeId', 'requestId') && value.type === 'control-discover' && isValidVersion(value.version) && isValidScope(value.scopeId) && isValidId$1(value.requestId);
+}
+function isValidControlState(value) {
+    return hasRequiredOwn(value, 'type', 'version', 'scopeId', 'targetId') && value.type === 'control-state' && isValidVersion(value.version) && isValidScope(value.scopeId) && isValidId$1(value.targetId) && isValidOptionalString(value, 'commandId');
+}
+function isValidControlMessage(value) {
+    if (!isRecord(value) || !hasOwn$1(value, 'type')) return false;
+    if (value.type === 'control-command') return isValidControlCommand(value);
+    if (value.type === 'control-target-ready') return isValidControlTargetReady(value);
+    if (value.type === 'control-discover') return isValidControlDiscover(value);
+    if (value.type === 'control-state') return isValidControlState(value);
+    return false;
+}
+
+function controlChannelName(scopeId) {
+    var normalizedScopeId = normalizeScopeId(scopeId);
+    return normalizedScopeId === null ? '' : "naviedu:room-control:v".concat(ROOM_CONTROL_VERSION, ":").concat(normalizedScopeId);
+}
+function createBroadcastChannelTransport(scopeId) {
+    var normalizedScopeId = normalizeScopeId(scopeId);
+    if (normalizedScopeId === null || typeof window === 'undefined') return null;
+    try {
+        if (typeof window.BroadcastChannel !== 'function') return null;
+        var channel = new window.BroadcastChannel(controlChannelName(normalizedScopeId));
+        var handlers = new Set();
+        var closed = false;
+        channel.onmessage = function(event) {
+            if (closed) return;
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = handlers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var handler = _step.value;
+                    try {
+                        handler(event.data);
+                    } catch (unused) {
+                    // A subscriber must not break delivery to other subscribers.
+                    }
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+        };
+        return {
+            publish: function publish(message) {
+                if (closed) return;
+                try {
+                    channel.postMessage(message);
+                } catch (unused) {
+                // Unsupported structured-clone values are intentionally ignored.
+                }
+            },
+            subscribe: function subscribe(handler) {
+                if (closed) return function() {
+                    return undefined;
+                };
+                handlers.add(handler);
+                return function() {
+                    return handlers.delete(handler);
+                };
+            },
+            close: function close() {
+                if (closed) return;
+                closed = true;
+                handlers.clear();
+                try {
+                    channel.onmessage = null;
+                    channel.close();
+                } catch (unused) {
+                // Closing an already-broken native channel is a no-op.
+                }
+            }
+        };
+    } catch (unused) {
+        return null;
+    }
+}
+
+function _type_of$8(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var isValidId = function(value) {
+    return typeof value === 'string' && value === value.trim() && value.length > 0 && value.length <= MAX_CONTROL_ID_LENGTH;
+};
+function decodeRoomControlCaptureHandle(value) {
+    if (typeof value !== 'string') return null;
+    try {
+        var parsed = JSON.parse(value);
+        if ((typeof parsed === "undefined" ? "undefined" : _type_of$8(parsed)) !== 'object' || parsed === null || Array.isArray(parsed)) return null;
+        var candidate = parsed;
+        var scopeId = normalizeScopeId(candidate.scopeId);
+        if (candidate.version !== ROOM_CONTROL_VERSION || scopeId === null || scopeId !== candidate.scopeId) return null;
+        if (!isValidId(candidate.targetId)) return null;
+        return {
+            version: ROOM_CONTROL_VERSION,
+            scopeId: scopeId,
+            targetId: candidate.targetId
+        };
+    } catch (unused) {
+        return null;
+    }
+}
+
+function _type_of$7(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var fallbackId = 0;
+function createId(prefix) {
+    try {
+        var _globalThis_crypto;
+        var randomUUID = (_globalThis_crypto = globalThis.crypto) === null || _globalThis_crypto === void 0 ? void 0 : _globalThis_crypto.randomUUID;
+        if (typeof randomUUID === 'function') {
+            var id = randomUUID.call(globalThis.crypto);
+            if (id) return id;
+        }
+    } catch (unused) {
+    // Fall through to a local ID.
+    }
+    fallbackId += 1;
+    return "".concat(prefix, "-").concat(Date.now().toString(36), "-").concat(fallbackId, "-").concat(Math.random().toString(36).slice(2));
+}
+function hasOwn(value, key) {
+    return Object.prototype.hasOwnProperty.call(value, key);
+}
+function isObject$1(value) {
+    return (typeof value === "undefined" ? "undefined" : _type_of$7(value)) === 'object' && value !== null && !Array.isArray(value);
+}
+function createRoomControlController(options) {
+    var _options_transport;
+    var scopeId = normalizeScopeId(options.scopeId);
+    var transport = scopeId === null ? null : (_options_transport = options.transport) !== null && _options_transport !== void 0 ? _options_transport : createBroadcastChannelTransport(scopeId);
+    var registeredTargetIds = new Set();
+    var closed = false;
+    var transportAvailable = false;
+    var unsubscribe = null;
+    var screenShareTrack = null;
+    var endedListener = null;
+    var drawingInactive;
+    var handleMessage = function(message) {
+        if (closed || scopeId === null || !isValidControlMessage(message) || message.scopeId !== scopeId) return;
+        if (message.type === 'control-target-ready') registeredTargetIds.add(message.targetId);
+    };
+    if (transport !== null) {
+        try {
+            var cleanup = transport.subscribe(handleMessage);
+            if (typeof cleanup !== 'function') throw new Error('invalid transport subscription');
+            unsubscribe = cleanup;
+            transportAvailable = true;
+            transport.publish({
+                type: 'control-discover',
+                version: ROOM_CONTROL_VERSION,
+                scopeId: scopeId,
+                requestId: createId('discover')
+            });
+        } catch (unused) {
+            transportAvailable = false;
+        }
+    }
+    var clearTrack = function() {
+        var track = screenShareTrack;
+        var listener = endedListener;
+        screenShareTrack = null;
+        endedListener = null;
+        if (track !== null && listener !== null) {
+            try {
+                track.removeEventListener('ended', listener);
+            } catch (unused) {
+            // Track cleanup is best effort.
+            }
+        }
+    };
+    var setScreenShareTrack = function(track) {
+        if (closed) return;
+        clearTrack();
+        if (track === null) return;
+        var candidate = track;
+        try {
+            if (typeof candidate.getCaptureHandle === 'function') candidate.getCaptureHandle.call(candidate);
+        } catch (unused) {
+        // Capture Handle is an optional identity hint.
+        }
+        if (typeof candidate.addEventListener !== 'function' || typeof candidate.removeEventListener !== 'function') return;
+        var onEnded = function() {
+            if (screenShareTrack === candidate) clearTrack();
+        };
+        screenShareTrack = candidate;
+        endedListener = onEnded;
+        try {
+            candidate.addEventListener('ended', onEnded);
+        } catch (unused) {
+            clearTrack();
+        }
+    };
+    var setDrawingInactive = function(inactive) {
+        if (!closed) drawingInactive = inactive;
+    };
+    var getCaptureTargetId = function() {
+        var track = screenShareTrack;
+        if (track === null || typeof track.getCaptureHandle !== 'function') return undefined;
+        try {
+            var handle = decodeRoomControlCaptureHandle(track.getCaptureHandle.call(track));
+            return (handle === null || handle === void 0 ? void 0 : handle.scopeId) === scopeId && registeredTargetIds.has(handle.targetId) ? handle.targetId : undefined;
+        } catch (unused) {
+            return undefined;
+        }
+    };
+    var isGateOpen = function() {
+        var track = screenShareTrack;
+        if (!transportAvailable || closed || track === null || drawingInactive !== true) return false;
+        try {
+            return track.readyState === 'live' && track.getSettings().displaySurface === 'browser';
+        } catch (unused) {
+            return false;
+        }
+    };
+    var send = function(action, payload, options) {
+        if (!isGateOpen() || !isValidControlPayload(action, payload) || transport === null || scopeId === null) return;
+        try {
+            if (options !== undefined && !isObject$1(options)) return;
+            var command = {
+                type: 'control-command',
+                version: ROOM_CONTROL_VERSION,
+                scopeId: scopeId,
+                commandId: createId('command'),
+                action: action,
+                payload: payload
+            };
+            if (options !== undefined && hasOwn(options, 'targetId')) command.targetId = options.targetId;
+            var captureTargetId = getCaptureTargetId();
+            if (!('targetId' in command) && captureTargetId !== undefined) {
+                command.targetId = captureTargetId;
+            }
+            if (!isValidControlCommand(command)) return;
+            transport.publish(command);
+        } catch (unused) {
+        // Invalid input and unavailable transports fail closed.
+        }
+    };
+    var close = function() {
+        if (closed) return;
+        closed = true;
+        clearTrack();
+        try {
+            unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
+        } catch (unused) {
+        // Broken transport cleanup must not escape controller close.
+        }
+        if (transport !== null) {
+            try {
+                transport.close();
+            } catch (unused) {
+            // Broken transport cleanup must not escape controller close.
+            }
+        }
+    };
+    return {
+        send: send,
+        sendScroll: function(payload, options) {
+            return send(ROOM_CONTROL_ACTIONS.SCROLL, payload, options);
+        },
+        sendClick: function(payload, options) {
+            return send(ROOM_CONTROL_ACTIONS.CLICK, payload, options);
+        },
+        close: close,
+        setScreenShareTrack: setScreenShareTrack,
+        setDrawingInactive: setDrawingInactive
+    };
+}
+
+function _type_of$6(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var emptyContextValue = {
+    sendClick: function() {
+        return undefined;
+    },
+    sendScroll: function() {
+        return undefined;
+    },
+    setScreenShareTrack: function() {
+        return undefined;
+    },
+    setDrawingSurface: function() {
+        return undefined;
+    },
+    setWhiteboardState: function() {
+        return undefined;
+    }
+};
+var RoomPlatformRoomControlContext = /*#__PURE__*/ createContext(emptyContextValue);
+var isScreenSharePublication$1 = function(publication) {
+    return (typeof publication === "undefined" ? "undefined" : _type_of$6(publication)) === 'object' && publication !== null && publication.source === Track.Source.ScreenShare;
+};
+var mediaStreamTrackOf$1 = function(publication) {
+    var _ref;
+    var _publication_track;
+    return (_ref = publication === null || publication === void 0 ? void 0 : (_publication_track = publication.track) === null || _publication_track === void 0 ? void 0 : _publication_track.mediaStreamTrack) !== null && _ref !== void 0 ? _ref : null;
+};
+function useRoomPlatformRoomControl() {
+    return useContext(RoomPlatformRoomControlContext);
+}
+function RoomPlatformRoomControlRuntime(param) {
+    var children = param.children, scopeId = param.scopeId;
+    var room = useRoomPlatform().room;
+    var normalizedScopeId = normalizeScopeId(scopeId);
+    var controllerRef = useRef(null);
+    var drawingSurfaceRef = useRef('none');
+    var whiteboardStateRef = useRef(null);
+    var syncDrawingGate = useCallback(function() {
+        var controller = controllerRef.current;
+        if (!controller) return;
+        var state = whiteboardStateRef.current;
+        controller.setDrawingInactive(drawingSurfaceRef.current === 'none' || state !== null && Boolean(state.toolbarAvailable) && (!state.toolbarOpen || state.activeTool === 'mouse'));
+    }, []);
+    var setDrawingSurface = useCallback(function(surface) {
+        drawingSurfaceRef.current = surface;
+        if (surface === 'whiteboard') whiteboardStateRef.current = null;
+        syncDrawingGate();
+    }, [
+        normalizedScopeId,
+        syncDrawingGate
+    ]);
+    var setWhiteboardState = useCallback(function(state) {
+        whiteboardStateRef.current = state;
+        syncDrawingGate();
+    }, [
+        syncDrawingGate
+    ]);
+    var setScreenShareTrack = useCallback(function(track) {
+        var _controllerRef_current;
+        (_controllerRef_current = controllerRef.current) === null || _controllerRef_current === void 0 ? void 0 : _controllerRef_current.setScreenShareTrack(track);
+    }, []);
+    var contextValue = useMemo(function() {
+        return {
+            sendClick: function(point) {
+                var _controllerRef_current;
+                return (_controllerRef_current = controllerRef.current) === null || _controllerRef_current === void 0 ? void 0 : _controllerRef_current.sendClick(point);
+            },
+            sendScroll: function(deltaY) {
+                var _controllerRef_current;
+                return (_controllerRef_current = controllerRef.current) === null || _controllerRef_current === void 0 ? void 0 : _controllerRef_current.sendScroll({
+                    deltaY: deltaY
+                });
+            },
+            setScreenShareTrack: setScreenShareTrack,
+            setDrawingSurface: setDrawingSurface,
+            setWhiteboardState: setWhiteboardState
+        };
+    }, [
+        setDrawingSurface,
+        setScreenShareTrack,
+        setWhiteboardState
+    ]);
+    useInsertionEffect(function() {
+        if (!normalizedScopeId) return;
+        drawingSurfaceRef.current = 'none';
+        whiteboardStateRef.current = null;
+        var controller = createRoomControlController({
+            scopeId: normalizedScopeId
+        });
+        controllerRef.current = controller;
+        controller.setDrawingInactive(true);
+        return function() {
+            if (controllerRef.current === controller) controllerRef.current = null;
+            controller.close();
+        };
+    }, [
+        normalizedScopeId
+    ]);
+    useInsertionEffect(function() {
+        var controller = controllerRef.current;
+        if (!controller || !room) return;
+        var setPublicationTrack = function(publication) {
+            if (publication !== undefined && !isScreenSharePublication$1(publication)) return;
+            controller.setScreenShareTrack(mediaStreamTrackOf$1(isScreenSharePublication$1(publication) ? publication : room.localParticipant.getTrackPublication(Track.Source.ScreenShare)));
+        };
+        setPublicationTrack();
+        var handlePublished = function(publication) {
+            return setPublicationTrack(publication);
+        };
+        var handleUnpublished = function(publication) {
+            if (publication === undefined || isScreenSharePublication$1(publication)) controller.setScreenShareTrack(null);
+        };
+        room.on(RoomEvent.LocalTrackPublished, handlePublished);
+        room.on(RoomEvent.LocalTrackUnpublished, handleUnpublished);
+        return function() {
+            room.off(RoomEvent.LocalTrackPublished, handlePublished);
+            room.off(RoomEvent.LocalTrackUnpublished, handleUnpublished);
+            controller.setScreenShareTrack(null);
+        };
+    }, [
+        normalizedScopeId,
+        room
+    ]);
+    return /*#__PURE__*/ jsx(RoomPlatformRoomControlContext.Provider, {
+        value: contextValue,
+        children: children
+    });
+}
+function RoomPlatformMainWhiteboardSurface(param) {
+    var children = param.children;
+    var setDrawingSurface = useRoomPlatformRoomControl().setDrawingSurface;
+    useLayoutEffect(function() {
+        setDrawingSurface('whiteboard');
+        return function() {
+            return setDrawingSurface('none');
+        };
+    }, [
+        setDrawingSurface
+    ]);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: children
+    });
+}
+
+function _array_like_to_array$g(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$5(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$f(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$g(arr);
 }
 function asyncGeneratorStep$g(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -20372,7 +20943,7 @@ function _define_property$d(obj, key, value) {
     }
     return obj;
 }
-function _instanceof$1(left, right) {
+function _instanceof$2(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
@@ -20420,19 +20991,19 @@ function _object_spread_props$9(target, source) {
     return target;
 }
 function _to_consumable_array$5(arr) {
-    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$f(arr) || _non_iterable_spread$5();
+    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) {
+function _type_of$5(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$f(o, minLen) {
+function _unsupported_iterable_to_array$g(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$f(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$g(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$f(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$g(o, minLen);
 }
 function _ts_generator$g(thisArg, body) {
     var f, y, t, _ = {
@@ -20547,10 +21118,10 @@ var DEFAULT_ROOM_PLATFORM_CAMERA_BACKGROUND_SETTINGS = {
     updatedAt: new Date(0).toISOString()
 };
 var isObject = function(value) {
-    return (typeof value === "undefined" ? "undefined" : _type_of$4(value)) === 'object' && value !== null && !Array.isArray(value);
+    return (typeof value === "undefined" ? "undefined" : _type_of$5(value)) === 'object' && value !== null && !Array.isArray(value);
 };
 var isBlob = function(value) {
-    return typeof Blob !== 'undefined' && _instanceof$1(value, Blob);
+    return typeof Blob !== 'undefined' && _instanceof$2(value, Blob);
 };
 var nowIso = function() {
     return new Date().toISOString();
@@ -21250,12 +21821,12 @@ var saveRoomPlatformUploadAndSelect = function(file) {
     })();
 };
 
-function _array_like_to_array$e(arr, len) {
+function _array_like_to_array$f(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$d(arr) {
+function _array_with_holes$e(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, key, arg) {
@@ -21300,7 +21871,7 @@ function _define_property$c(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$d(arr, i) {
+function _iterable_to_array_limit$e(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -21324,7 +21895,7 @@ function _iterable_to_array_limit$d(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$d() {
+function _non_iterable_rest$e() {
     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 _object_spread$a(target) {
@@ -21361,16 +21932,16 @@ function _object_spread_props$8(target, source) {
     }
     return target;
 }
-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 _sliced_to_array$e(arr, i) {
+    return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$e();
 }
-function _unsupported_iterable_to_array$e(o, minLen) {
+function _unsupported_iterable_to_array$f(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$e(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$f(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$e(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$f(o, minLen);
 }
 function _ts_generator$f(thisArg, body) {
     var f, y, t, _ = {
@@ -21493,7 +22064,7 @@ function useRoomPlatformCameraBackground(param) {
     var _ref, _ref1;
     var _uploadItems_find, _uploadItems_;
     var isSupported = typeof window !== 'undefined' && supportsBackgroundProcessors();
-    var _useState = _sliced_to_array$d(useState(function() {
+    var _useState = _sliced_to_array$e(useState(function() {
         var saved = loadRoomPlatformCameraBackgroundSettings();
         return mapSettingsToState(saved, isSupported);
     }), 2), state = _useState[0], setState = _useState[1];
@@ -21505,7 +22076,7 @@ function useRoomPlatformCameraBackground(param) {
     var activeObjectUrlRef = useRef(null);
     var uploadPreviewUrlsRef = useRef([]);
     var lastAppliedKeyRef = useRef('');
-    var _useState1 = _sliced_to_array$d(useState([]), 2), uploadItems = _useState1[0], setUploadItems = _useState1[1];
+    var _useState1 = _sliced_to_array$e(useState([]), 2), uploadItems = _useState1[0], setUploadItems = _useState1[1];
     var clearActiveObjectUrl = useCallback(function() {
         if (!activeObjectUrlRef.current) return;
         URL.revokeObjectURL(activeObjectUrlRef.current);
@@ -22411,16 +22982,16 @@ function useRoomPlatformCameraBackground(param) {
     };
 }
 
-function _array_like_to_array$d(arr, len) {
+function _array_like_to_array$e(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$c(arr) {
+function _array_with_holes$d(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$4(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$d(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$e(arr);
 }
 function asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -22454,7 +23025,7 @@ function _async_to_generator$e(fn) {
 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$c(arr, i) {
+function _iterable_to_array_limit$d(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -22478,25 +23049,29 @@ function _iterable_to_array_limit$c(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$c() {
+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$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$c(arr, i) {
-    return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$c();
+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$4(arr) {
-    return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$d(arr) || _non_iterable_spread$4();
+    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$d(o, minLen) {
+function _type_of$4(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array$e(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$d(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$e(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$d(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$e(o, minLen);
 }
 function _ts_generator$e(thisArg, body) {
     var f, y, t, _ = {
@@ -22619,6 +23194,42 @@ function RoomPlatformPrivateRoomCameraBackground() {
     });
     return null;
 }
+var isScreenSharePublication = function(publication) {
+    return (typeof publication === "undefined" ? "undefined" : _type_of$4(publication)) === 'object' && publication !== null && publication.source === Track.Source.ScreenShare;
+};
+var mediaStreamTrackOf = function(publication) {
+    var _ref;
+    var _publication_track;
+    return (_ref = publication === null || publication === void 0 ? void 0 : (_publication_track = publication.track) === null || _publication_track === void 0 ? void 0 : _publication_track.mediaStreamTrack) !== null && _ref !== void 0 ? _ref : null;
+};
+function RoomPlatformPrivateRoomControlBinding() {
+    var room = useRoomContext();
+    var setScreenShareTrack = useRoomPlatformRoomControl().setScreenShareTrack;
+    useEffect(function() {
+        var syncTrack = function(publication) {
+            var candidate = publication !== undefined ? publication : room.localParticipant.getTrackPublication(Track.Source.ScreenShare);
+            setScreenShareTrack(mediaStreamTrackOf(isScreenSharePublication(candidate) ? candidate : undefined));
+        };
+        var handlePublished = function(publication) {
+            if (isScreenSharePublication(publication)) syncTrack(publication);
+        };
+        var handleUnpublished = function(publication) {
+            if (publication === undefined || isScreenSharePublication(publication)) setScreenShareTrack(null);
+        };
+        syncTrack();
+        room.on(RoomEvent.LocalTrackPublished, handlePublished);
+        room.on(RoomEvent.LocalTrackUnpublished, handleUnpublished);
+        return function() {
+            room.off(RoomEvent.LocalTrackPublished, handlePublished);
+            room.off(RoomEvent.LocalTrackUnpublished, handleUnpublished);
+            setScreenShareTrack(null);
+        };
+    }, [
+        room,
+        setScreenShareTrack
+    ]);
+    return null;
+}
 function RoomPlatformPrivateRoomConnection(param) {
     var state = param.state, connection = param.connection, currentExternalActorId = param.currentExternalActorId, onRefresh = param.onRefresh, onDisconnected = param.onDisconnected, children = param.children;
     var isEligible = state.status === 'active' && (state.callerExternalActorId === currentExternalActorId || state.studentExternalActorId === currentExternalActorId);
@@ -22626,7 +23237,7 @@ function RoomPlatformPrivateRoomConnection(param) {
     var canShareScreen = connection.permissions.includes('media:share_screen');
     var canPublish = connection.permissions.includes('media:publish');
     var baseScopeKey = isEligible ? "".concat(state.id, ":").concat(currentExternalActorId, ":").concat(scopeOf(connection)) : '';
-    var _useState = _sliced_to_array$c(useState(null), 2), room = _useState[0], setRoom = _useState[1];
+    var _useState = _sliced_to_array$d(useState(null), 2), room = _useState[0], setRoom = _useState[1];
     var roomRef = useRef(null);
     var generationRef = useRef(0);
     var scopeRef = useRef(undefined);
@@ -22634,7 +23245,7 @@ function RoomPlatformPrivateRoomConnection(param) {
     var onDisconnectedRef = useRef(onDisconnected);
     var refreshedTokenKeysRef = useRef(new Set());
     var refreshRequestedScopeRef = useRef(undefined);
-    var _useState1 = _sliced_to_array$c(useState(0), 2), generationNonce = _useState1[0], setGenerationNonce = _useState1[1];
+    var _useState1 = _sliced_to_array$d(useState(0), 2), generationNonce = _useState1[0], setGenerationNonce = _useState1[1];
     var scopeKey = baseScopeKey ? "".concat(baseScopeKey, ":").concat(generationNonce) : '';
     // A token refresh must not be a generation key. Pin the token to the scope so
     // ordinary actor-scoped refetches keep the existing LiveKit Room instance.
@@ -22830,17 +23441,18 @@ function RoomPlatformPrivateRoomConnection(param) {
                 room: room
             }),
             /*#__PURE__*/ jsx(RoomPlatformPrivateRoomCameraBackground, {}),
+            /*#__PURE__*/ jsx(RoomPlatformPrivateRoomControlBinding, {}),
             children
         ]
     });
 }
 
-function _array_like_to_array$c(arr, len) {
+function _array_like_to_array$d(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$b(arr) {
+function _array_with_holes$c(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, key, arg) {
@@ -22872,7 +23484,7 @@ function _async_to_generator$d(fn) {
         });
     };
 }
-function _iterable_to_array_limit$b(arr, i) {
+function _iterable_to_array_limit$c(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -22896,19 +23508,19 @@ function _iterable_to_array_limit$b(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$b() {
+function _non_iterable_rest$c() {
     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 _sliced_to_array$b(arr, i) {
-    return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$b();
+function _sliced_to_array$c(arr, i) {
+    return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$c();
 }
-function _unsupported_iterable_to_array$c(o, minLen) {
+function _unsupported_iterable_to_array$d(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$c(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$d(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$c(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$d(o, minLen);
 }
 function _ts_generator$d(thisArg, body) {
     var f, y, t, _ = {
@@ -23012,8 +23624,8 @@ function _ts_generator$d(thisArg, body) {
 function useRoomPlatformPrivateRoomControlActions(param) {
     var canShareScreen = param.canShareScreen, isScreenSharing = param.isScreenSharing, onStartScreenShare = param.onStartScreenShare, onStopScreenShare = param.onStopScreenShare, onEnd = param.onEnd, onScreenSharingChange = param.onScreenSharingChange, setLocalScreenShareEnabled = param.setLocalScreenShareEnabled, onEndingChange = param.onEndingChange, onEnded = param.onEnded;
     var roomPlatformToast = useRoomPlatformToast();
-    var _useState = _sliced_to_array$b(useState(false), 2), isScreenSharePending = _useState[0], setIsScreenSharePending = _useState[1];
-    var _useState1 = _sliced_to_array$b(useState(false), 2), isEnding = _useState1[0], setIsEnding = _useState1[1];
+    var _useState = _sliced_to_array$c(useState(false), 2), isScreenSharePending = _useState[0], setIsScreenSharePending = _useState[1];
+    var _useState1 = _sliced_to_array$c(useState(false), 2), isEnding = _useState1[0], setIsEnding = _useState1[1];
     var isStartingRef = useRef(false);
     var isStoppingRef = useRef(false);
     var isEndingRef = useRef(false);
@@ -23217,12 +23829,12 @@ function useRoomPlatformPrivateRoomControlActions(param) {
     };
 }
 
-function _array_like_to_array$b(arr, len) {
+function _array_like_to_array$c(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$a(arr) {
+function _array_with_holes$b(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, key, arg) {
@@ -23267,7 +23879,7 @@ function _define_property$b(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$a(arr, i) {
+function _iterable_to_array_limit$b(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -23291,7 +23903,7 @@ function _iterable_to_array_limit$a(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$a() {
+function _non_iterable_rest$b() {
     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 _object_spread$9(target) {
@@ -23364,16 +23976,16 @@ function _object_without_properties_loose$2(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$a(arr, i) {
-    return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$a();
+function _sliced_to_array$b(arr, i) {
+    return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$b();
 }
-function _unsupported_iterable_to_array$b(o, minLen) {
+function _unsupported_iterable_to_array$c(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$b(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$c(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$b(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$c(o, minLen);
 }
 function _ts_generator$c(thisArg, body) {
     var f, y, t, _ = {
@@ -23580,7 +24192,7 @@ var runAsyncSafely = function(action) {
 function RoomPlatformPrivateRoomControlBar(param) {
     var publishEnabled = param.publishEnabled, permissions = param.permissions, screenShareDisabled = param.screenShareDisabled, onStartScreenShare = param.onStartScreenShare, onStopScreenShare = param.onStopScreenShare, onEnd = param.onEnd, onEndingChange = param.onEndingChange, onEnded = param.onEnded, _param_isFullscreen = param.isFullscreen, isFullscreen = _param_isFullscreen === void 0 ? false : _param_isFullscreen, _param_isTheaterMode = param.isTheaterMode, isTheaterMode = _param_isTheaterMode === void 0 ? false : _param_isTheaterMode, onToggleFullscreen = param.onToggleFullscreen, onToggleTheaterMode = param.onToggleTheaterMode;
     var room = useRoomContext();
-    var _useState = _sliced_to_array$a(useState(false), 2), isScreenSharing = _useState[0], setIsScreenSharing = _useState[1];
+    var _useState = _sliced_to_array$b(useState(false), 2), isScreenSharing = _useState[0], setIsScreenSharing = _useState[1];
     var isScreenSharingRef = useRef(isScreenSharing);
     var isScreenSharePendingRef = useRef(false);
     var isNotifyingExternalStopRef = useRef(false);
@@ -23644,18 +24256,51 @@ function RoomPlatformPrivateRoomControlBar(param) {
         onScreenSharingChange: setScreenSharingState,
         setLocalScreenShareEnabled: function(enabled) {
             return _async_to_generator$c(function() {
+                var screenShareOptions;
                 return _ts_generator$c(this, function(_state) {
                     switch(_state.label){
                         case 0:
+                            if (!!enabled) return [
+                                3,
+                                2
+                            ];
                             return [
                                 4,
-                                room.localParticipant.setScreenShareEnabled(enabled)
+                                room.localParticipant.setScreenShareEnabled(false)
                             ];
                         case 1:
                             _state.sent();
                             return [
                                 2
                             ];
+                        case 2:
+                            screenShareOptions = createRoomPlatformScreenShareCaptureOptions();
+                            if (!screenShareOptions) return [
+                                3,
+                                4
+                            ];
+                            return [
+                                4,
+                                room.localParticipant.setScreenShareEnabled(true, screenShareOptions)
+                            ];
+                        case 3:
+                            _state.sent();
+                            return [
+                                3,
+                                6
+                            ];
+                        case 4:
+                            return [
+                                4,
+                                room.localParticipant.setScreenShareEnabled(true)
+                            ];
+                        case 5:
+                            _state.sent();
+                            _state.label = 6;
+                        case 6:
+                            return [
+                                2
+                            ];
                     }
                 });
             })();
@@ -24200,13 +24845,13 @@ var WebSocketRealtimeTransport = /*#__PURE__*/ function() {
     return WebSocketRealtimeTransport;
 }();
 
-function _array_like_to_array$a(arr, len) {
+function _array_like_to_array$b(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$3(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$a(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$b(arr);
 }
 function _class_call_check$1(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -24246,15 +24891,15 @@ 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$3(arr) {
-    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$a(arr) || _non_iterable_spread$3();
+    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$b(arr) || _non_iterable_spread$3();
 }
-function _unsupported_iterable_to_array$a(o, minLen) {
+function _unsupported_iterable_to_array$b(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$a(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$b(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$a(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$b(o, minLen);
 }
 var ChatClientState = /*#__PURE__*/ function() {
     function ChatClientState() {
@@ -25543,12 +26188,12 @@ function ForwardMessageDialog(param) {
     });
 }
 
-function _array_like_to_array$9(arr, len) {
+function _array_like_to_array$a(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$9(arr) {
+function _array_with_holes$a(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, key, arg) {
@@ -25580,7 +26225,7 @@ function _async_to_generator$7(fn) {
         });
     };
 }
-function _iterable_to_array_limit$9(arr, i) {
+function _iterable_to_array_limit$a(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -25604,19 +26249,19 @@ function _iterable_to_array_limit$9(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$9() {
+function _non_iterable_rest$a() {
     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 _sliced_to_array$9(arr, i) {
-    return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$9();
+function _sliced_to_array$a(arr, i) {
+    return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$a();
 }
-function _unsupported_iterable_to_array$9(o, minLen) {
+function _unsupported_iterable_to_array$a(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$9(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$a(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$9(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$a(o, minLen);
 }
 function _ts_generator$7(thisArg, body) {
     var f, y, t, _ = {
@@ -25719,7 +26364,7 @@ function _ts_generator$7(thisArg, body) {
 }
 function MessageComposer(param) {
     var canSend = param.canSend, className = param.className, onSend = param.onSend;
-    var _useState = _sliced_to_array$9(useState(''), 2), text = _useState[0], setText = _useState[1];
+    var _useState = _sliced_to_array$a(useState(''), 2), text = _useState[0], setText = _useState[1];
     if (!canSend) {
         return /*#__PURE__*/ jsx("div", {
             className: cx('navi-chat__readonly', className),
@@ -25835,16 +26480,16 @@ function MessageComposer(param) {
     });
 }
 
-function _array_like_to_array$8(arr, len) {
+function _array_like_to_array$9(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$8(arr) {
+function _array_with_holes$9(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$2(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$8(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$9(arr);
 }
 function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -25875,7 +26520,7 @@ function _async_to_generator$6(fn) {
         });
     };
 }
-function _instanceof(left, right) {
+function _instanceof$1(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
@@ -25885,7 +26530,7 @@ function _instanceof(left, right) {
 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) {
+function _iterable_to_array_limit$9(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -25909,25 +26554,25 @@ function _iterable_to_array_limit$8(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$8() {
+function _non_iterable_rest$9() {
     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$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 _sliced_to_array$9(arr, i) {
+    return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$9();
 }
 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();
+    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$9(arr) || _non_iterable_spread$2();
 }
-function _unsupported_iterable_to_array$8(o, minLen) {
+function _unsupported_iterable_to_array$9(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$8(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$9(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$8(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$9(o, minLen);
 }
 function _ts_generator$6(thisArg, body) {
     var f, y, t, _ = {
@@ -26036,15 +26681,15 @@ function MessageList(param) {
     var restoreScrollSnapshotRef = useRef(undefined);
     var previousMessageCountRef = useRef(messages.length);
     var previousMessagesRef = useRef(messages);
-    var _useState = _sliced_to_array$8(useState(''), 2), draftText = _useState[0], setDraftText = _useState[1];
-    var _useState1 = _sliced_to_array$8(useState(), 2), editingMessageId = _useState1[0], setEditingMessageId = _useState1[1];
-    var _useState2 = _sliced_to_array$8(useState(), 2), openMenuMessageId = _useState2[0], setOpenMenuMessageId = _useState2[1];
+    var _useState = _sliced_to_array$9(useState(''), 2), draftText = _useState[0], setDraftText = _useState[1];
+    var _useState1 = _sliced_to_array$9(useState(), 2), editingMessageId = _useState1[0], setEditingMessageId = _useState1[1];
+    var _useState2 = _sliced_to_array$9(useState(), 2), openMenuMessageId = _useState2[0], setOpenMenuMessageId = _useState2[1];
     var openMenuRef = useRef(null);
-    var _useState3 = _sliced_to_array$8(useState(function() {
+    var _useState3 = _sliced_to_array$9(useState(function() {
         return now().getTime();
     }), 2), currentTimeMs = _useState3[0], setCurrentTimeMs = _useState3[1];
-    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 _useState4 = _sliced_to_array$9(useState(true), 2), isAtLatest = _useState4[0], setIsAtLatest = _useState4[1];
+    var _useState5 = _sliced_to_array$9(useState(false), 2), hasNewMessages = _useState5[0], setHasNewMessages = _useState5[1];
     var orderedMessages = useMemo(function() {
         return _to_consumable_array$2(messages).sort(compareMessagesByCreatedAt);
     }, [
@@ -26108,7 +26753,7 @@ function MessageList(param) {
         var handlePointerDown = function(event) {
             var target = event.target;
             var openMenu = openMenuRef.current;
-            if (openMenu && (event.composedPath().includes(openMenu) || _instanceof(target, Node) && openMenu.contains(target))) {
+            if (openMenu && (event.composedPath().includes(openMenu) || _instanceof$1(target, Node) && openMenu.contains(target))) {
                 return;
             }
             setOpenMenuMessageId(undefined);
@@ -26469,12 +27114,12 @@ var formatTime = function(value) {
     }).format(new Date(value));
 };
 
-function _array_like_to_array$7(arr, len) {
+function _array_like_to_array$8(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$7(arr) {
+function _array_with_holes$8(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
@@ -26506,7 +27151,7 @@ function _async_to_generator$5(fn) {
         });
     };
 }
-function _iterable_to_array_limit$7(arr, i) {
+function _iterable_to_array_limit$8(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -26530,19 +27175,19 @@ function _iterable_to_array_limit$7(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$7() {
+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 _sliced_to_array$7(arr, i) {
-    return _array_with_holes$7(arr) || _iterable_to_array_limit$7(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$7();
+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 _unsupported_iterable_to_array$7(o, minLen) {
+function _unsupported_iterable_to_array$8(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$7(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$8(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$8(o, minLen);
 }
 function _ts_generator$5(thisArg, body) {
     var f, y, t, _ = {
@@ -26647,7 +27292,7 @@ function ChatPanel(param) {
     var className = param.className;
     var _messagesByRoom_activeRoom_roomId, _ref, _ref1, _ref2;
     var _useChatContext = useChatContext(), activeRoomId = _useChatContext.activeRoomId, classNames = _useChatContext.classNames, client = _useChatContext.client, currentSubject = _useChatContext.currentSubject, hasMoreByRoom = _useChatContext.hasMoreByRoom, isLoadingOlderByRoom = _useChatContext.isLoadingOlderByRoom, loadOlderMessages = _useChatContext.loadOlderMessages, messagesByRoom = _useChatContext.messagesByRoom, messageActionWindowMs = _useChatContext.messageActionWindowMs, now = _useChatContext.now, onlineCountsByRoom = _useChatContext.onlineCountsByRoom, rooms = _useChatContext.rooms, sendMessage = _useChatContext.sendMessage, deleteMessage = _useChatContext.deleteMessage, editMessage = _useChatContext.editMessage, setActiveRoomId = _useChatContext.setActiveRoomId, setRoomAtLatest = _useChatContext.setRoomAtLatest, status = _useChatContext.status, unreadCountsByRoom = _useChatContext.unreadCountsByRoom;
-    var _useState = _sliced_to_array$7(useState(), 2), forwardingMessage = _useState[0], setForwardingMessage = _useState[1];
+    var _useState = _sliced_to_array$8(useState(), 2), forwardingMessage = _useState[0], setForwardingMessage = _useState[1];
     var activeRoom = findActiveRoom(rooms, activeRoomId);
     var canRead = hasRoomPermission(activeRoom, 'read');
     var canSend = hasRoomPermission(activeRoom, 'send');
@@ -26790,16 +27435,16 @@ var getRoomDisplayRole = function(room) {
     return hasRoomPermission(room, 'forward') ? 'Quản trị' : 'Thành viên';
 };
 
-function _array_like_to_array$6(arr, len) {
+function _array_like_to_array$7(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$6(arr) {
+function _array_with_holes$7(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$1(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$6(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$7(arr);
 }
 function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -26846,7 +27491,7 @@ function _define_property$6(obj, key, value) {
 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) {
+function _iterable_to_array_limit$7(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -26870,7 +27515,7 @@ function _iterable_to_array_limit$6(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$6() {
+function _non_iterable_rest$7() {
     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() {
@@ -26910,23 +27555,23 @@ function _object_spread_props$4(target, source) {
     }
     return target;
 }
-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 _sliced_to_array$7(arr, i) {
+    return _array_with_holes$7(arr) || _iterable_to_array_limit$7(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$7();
 }
 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();
+    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$7(arr) || _non_iterable_spread$1();
 }
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$6(o, minLen) {
+function _unsupported_iterable_to_array$7(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$6(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$7(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$6(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
 }
 function _ts_generator$4(thisArg, body) {
     var f, y, t, _ = {
@@ -27034,15 +27679,15 @@ function ChatProvider(param) {
         return new Date();
     } : _param_now, onError = param.onError, refreshToken = param.refreshToken, refreshTokenExpiresAt = param.refreshTokenExpiresAt, realtimeEndpoint = param.realtimeEndpoint, rooms = param.rooms, token = param.token, tokenExpiresAt = param.tokenExpiresAt, tokens = param.tokens;
     var _rooms_;
-    var _useState = _sliced_to_array$6(useState(currentRoomId !== null && currentRoomId !== void 0 ? currentRoomId : (_rooms_ = rooms[0]) === null || _rooms_ === void 0 ? void 0 : _rooms_.roomId), 2), activeRoomId = _useState[0], setActiveRoomId = _useState[1];
-    var _useState1 = _sliced_to_array$6(useState({}), 2), hasMoreByRoom = _useState1[0], setHasMoreByRoom = _useState1[1];
-    var _useState2 = _sliced_to_array$6(useState({}), 2), historyCursorsByRoom = _useState2[0], setHistoryCursorsByRoom = _useState2[1];
-    var _useState3 = _sliced_to_array$6(useState({}), 2), isLoadingOlderByRoom = _useState3[0], setIsLoadingOlderByRoom = _useState3[1];
-    var _useState4 = _sliced_to_array$6(useState(initialMessages), 2), messagesByRoom = _useState4[0], setMessagesByRoom = _useState4[1];
-    var _useState5 = _sliced_to_array$6(useState({}), 2), onlineCountsByRoom = _useState5[0], setOnlineCountsByRoom = _useState5[1];
-    var _useState6 = _sliced_to_array$6(useState({}), 2), roomLatestStateByRoom = _useState6[0], setRoomLatestStateByRoom = _useState6[1];
-    var _useState7 = _sliced_to_array$6(useState('connecting'), 2), status = _useState7[0], setStatus = _useState7[1];
-    var _useState8 = _sliced_to_array$6(useState({}), 2), unreadCountsByRoom = _useState8[0], setUnreadCountsByRoom = _useState8[1];
+    var _useState = _sliced_to_array$7(useState(currentRoomId !== null && currentRoomId !== void 0 ? currentRoomId : (_rooms_ = rooms[0]) === null || _rooms_ === void 0 ? void 0 : _rooms_.roomId), 2), activeRoomId = _useState[0], setActiveRoomId = _useState[1];
+    var _useState1 = _sliced_to_array$7(useState({}), 2), hasMoreByRoom = _useState1[0], setHasMoreByRoom = _useState1[1];
+    var _useState2 = _sliced_to_array$7(useState({}), 2), historyCursorsByRoom = _useState2[0], setHistoryCursorsByRoom = _useState2[1];
+    var _useState3 = _sliced_to_array$7(useState({}), 2), isLoadingOlderByRoom = _useState3[0], setIsLoadingOlderByRoom = _useState3[1];
+    var _useState4 = _sliced_to_array$7(useState(initialMessages), 2), messagesByRoom = _useState4[0], setMessagesByRoom = _useState4[1];
+    var _useState5 = _sliced_to_array$7(useState({}), 2), onlineCountsByRoom = _useState5[0], setOnlineCountsByRoom = _useState5[1];
+    var _useState6 = _sliced_to_array$7(useState({}), 2), roomLatestStateByRoom = _useState6[0], setRoomLatestStateByRoom = _useState6[1];
+    var _useState7 = _sliced_to_array$7(useState('connecting'), 2), status = _useState7[0], setStatus = _useState7[1];
+    var _useState8 = _sliced_to_array$7(useState({}), 2), unreadCountsByRoom = _useState8[0], setUnreadCountsByRoom = _useState8[1];
     var currentSubject = useMemo(function() {
         return subjectFromToken(token);
     }, [
@@ -27469,7 +28114,7 @@ var isChatRoomPresenceDto = function(event) {
     return Boolean(event && (typeof event === "undefined" ? "undefined" : _type_of(event)) === 'object' && 'roomId' in event && typeof event.roomId === 'string' && 'onlineCount' in event && typeof event.onlineCount === 'number');
 };
 var subjectFromToken = function(token) {
-    var _token_split = _sliced_to_array$6(token.split('.'), 2), payload = _token_split[1];
+    var _token_split = _sliced_to_array$7(token.split('.'), 2), payload = _token_split[1];
     if (!payload) return undefined;
     try {
         var normalized = payload.replace(/-/g, '+').replace(/_/g, '/');
@@ -27481,12 +28126,26 @@ var subjectFromToken = function(token) {
     }
 };
 
-function _array_like_to_array$5(arr, len) {
+function normalizeCapturedPoint(param) {
+    var clientX = param.clientX, clientY = param.clientY, contentRect = param.contentRect;
+    if (!Number.isFinite(clientX) || !Number.isFinite(clientY) || !Number.isFinite(contentRect.left) || !Number.isFinite(contentRect.top) || !Number.isFinite(contentRect.width) || !Number.isFinite(contentRect.height) || contentRect.width <= 0 || contentRect.height <= 0) {
+        return null;
+    }
+    var x = (clientX - contentRect.left) / contentRect.width;
+    var y = (clientY - contentRect.top) / contentRect.height;
+    if (x < 0 || x > 1 || y < 0 || y > 1) return null;
+    return {
+        x: x,
+        y: y
+    };
+}
+
+function _array_like_to_array$6(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$5(arr) {
+function _array_with_holes$6(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _define_property$5(obj, key, value) {
@@ -27502,7 +28161,7 @@ function _define_property$5(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$5(arr, i) {
+function _iterable_to_array_limit$6(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -27526,7 +28185,7 @@ function _iterable_to_array_limit$5(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$5() {
+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 _object_spread$5(target) {
@@ -27544,16 +28203,16 @@ function _object_spread$5(target) {
     }
     return target;
 }
-function _sliced_to_array$5(arr, i) {
-    return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$5();
+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 _unsupported_iterable_to_array$5(o, minLen) {
+function _unsupported_iterable_to_array$6(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$5(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$6(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$6(o, minLen);
 }
 var getTrackDimensions = function(trackRef) {
     var _ref, _ref1;
@@ -27569,7 +28228,7 @@ function useRoomPlatformTrackAspectRatio(trackRef) {
     var _trackRef_publication;
     var trackSid = trackRef === null || trackRef === void 0 ? void 0 : (_trackRef_publication = trackRef.publication) === null || _trackRef_publication === void 0 ? void 0 : _trackRef_publication.trackSid;
     var fallbackAspectRatio = getRoomPlatformTrackAspectRatio(trackRef);
-    var _useState = _sliced_to_array$5(useState(), 2), intrinsicRatio = _useState[0], setIntrinsicRatio = _useState[1];
+    var _useState = _sliced_to_array$6(useState(), 2), intrinsicRatio = _useState[0], setIntrinsicRatio = _useState[1];
     var aspectRatio = intrinsicRatio && (trackSid !== undefined ? intrinsicRatio.trackSid === trackSid : intrinsicRatio.trackSid === undefined && intrinsicRatio.trackRef === trackRef) ? intrinsicRatio.aspectRatio : fallbackAspectRatio;
     var updateFromVideo = useCallback(function(event) {
         var _event_currentTarget = event.currentTarget, videoWidth = _event_currentTarget.videoWidth, videoHeight = _event_currentTarget.videoHeight;
@@ -27593,12 +28252,12 @@ function useRoomPlatformTrackAspectRatio(trackRef) {
 function RoomPlatformFitMediaFrame(param) {
     var aspectRatio = param.aspectRatio, children = param.children, className = param.className, testId = param.testId;
     var frameRef = useRef(null);
-    var _useState = _sliced_to_array$5(useState(), 2), frameSize = _useState[0], setFrameSize = _useState[1];
+    var _useState = _sliced_to_array$6(useState(), 2), frameSize = _useState[0], setFrameSize = _useState[1];
     useLayoutEffect(function() {
         var _frameRef_current;
         var container = (_frameRef_current = frameRef.current) === null || _frameRef_current === void 0 ? void 0 : _frameRef_current.parentElement;
         if (!container) return;
-        var _aspectRatio_split_map = _sliced_to_array$5(aspectRatio.split('/').map(Number), 2), sourceWidth = _aspectRatio_split_map[0], sourceHeight = _aspectRatio_split_map[1];
+        var _aspectRatio_split_map = _sliced_to_array$6(aspectRatio.split('/').map(Number), 2), sourceWidth = _aspectRatio_split_map[0], sourceHeight = _aspectRatio_split_map[1];
         var ratio = sourceWidth / sourceHeight;
         var updateSize = function() {
             var clientWidth = container.clientWidth, clientHeight = container.clientHeight;
@@ -27942,23 +28601,144 @@ function RoomPlatformPrivateRoomStatusBanner() {
     });
 }
 
+function _array_like_to_array$5(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$5(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _iterable_to_array_limit$5(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$5() {
+    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 _sliced_to_array$5(arr, i) {
+    return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$5();
+}
+function _unsupported_iterable_to_array$5(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$5(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
+}
+var ACTIVITY_SELECTOR = '[data-room-control-activity]';
+var LINE_HEIGHT_PX = 16;
+var getAspectRatio = function(aspectRatio) {
+    var _aspectRatio_split_map = _sliced_to_array$5(aspectRatio.split('/').map(Number), 2), width = _aspectRatio_split_map[0], height = _aspectRatio_split_map[1];
+    return Number.isFinite(width) && Number.isFinite(height) && width > 0 && height > 0 ? width / height : null;
+};
+var getContentRect = function(containerRect, aspectRatio) {
+    var ratio = getAspectRatio(aspectRatio);
+    if (ratio === null || !Number.isFinite(containerRect.left) || !Number.isFinite(containerRect.top) || !Number.isFinite(containerRect.width) || !Number.isFinite(containerRect.height) || containerRect.width <= 0 || containerRect.height <= 0) {
+        return null;
+    }
+    var width = Math.min(containerRect.width, containerRect.height * ratio);
+    var height = width / ratio;
+    var left = containerRect.left + (containerRect.width - width) / 2;
+    var top = containerRect.top + (containerRect.height - height) / 2;
+    return new DOMRect(left, top, width, height);
+};
+var isActivityTarget = function(target) {
+    return _instanceof(target, Element) && Boolean(target.closest(ACTIVITY_SELECTOR));
+};
+var boundedDelta = function(deltaY, deltaMode, contentHeight) {
+    if (!Number.isFinite(deltaY) || !Number.isFinite(contentHeight)) return null;
+    var multiplier = deltaMode === 0 ? 1 : deltaMode === 1 ? LINE_HEIGHT_PX : deltaMode === 2 ? contentHeight : null;
+    if (multiplier === null) return null;
+    var cssPixels = deltaY * multiplier;
+    return Number.isFinite(cssPixels) && Math.abs(cssPixels) <= MAX_CONTROL_SCROLL_DELTA ? cssPixels : null;
+};
+function RoomPlatformScreenShareInteractionSurface(param) {
+    var aspectRatio = param.aspectRatio, children = param.children, handlers = param.handlers;
+    var getCurrentContentRect = function(target) {
+        return getContentRect(target.getBoundingClientRect(), aspectRatio);
+    };
+    var handleWheel = function(event) {
+        var _handlers_onWheel;
+        if (isActivityTarget(event.target)) return;
+        var contentRect = getCurrentContentRect(event.currentTarget);
+        if (!contentRect) return;
+        var deltaY = boundedDelta(event.deltaY, event.deltaMode, contentRect.height);
+        if (deltaY !== null) handlers === null || handlers === void 0 ? void 0 : (_handlers_onWheel = handlers.onWheel) === null || _handlers_onWheel === void 0 ? void 0 : _handlers_onWheel.call(handlers, {
+            deltaY: deltaY
+        });
+    };
+    var handleClick = function(event) {
+        var _handlers_onClick;
+        if (isActivityTarget(event.target)) return;
+        if (!Number.isFinite(event.clientX) || !Number.isFinite(event.clientY)) return;
+        var contentRect = getCurrentContentRect(event.currentTarget);
+        if (contentRect) handlers === null || handlers === void 0 ? void 0 : (_handlers_onClick = handlers.onClick) === null || _handlers_onClick === void 0 ? void 0 : _handlers_onClick.call(handlers, {
+            clientX: event.clientX,
+            clientY: event.clientY,
+            contentRect: contentRect
+        });
+    };
+    return /*#__PURE__*/ jsx("div", {
+        "data-testid": "room-platform-screen-share-interaction-surface",
+        className: "absolute inset-0 z-10",
+        onClick: handleClick,
+        onWheel: handleWheel,
+        children: children
+    });
+}
+
 function RoomPlatformScreenShareWhiteboardFrame(param) {
-    var aspectRatio = param.aspectRatio, children = param.children, onLoadedMetadata = param.onLoadedMetadata, onResize = param.onResize, _param_borderTestId = param.borderTestId, borderTestId = _param_borderTestId === void 0 ? 'room-platform-video-frame-border' : _param_borderTestId, _param_testId = param.testId, testId = _param_testId === void 0 ? 'room-platform-video-frame' : _param_testId, trackRef = param.trackRef, _param_whiteboardTestId = param.whiteboardTestId, whiteboardTestId = _param_whiteboardTestId === void 0 ? 'room-platform-whiteboard-layer' : _param_whiteboardTestId;
+    var aspectRatio = param.aspectRatio, children = param.children, interactionHandlers = param.interactionHandlers, onLoadedMetadata = param.onLoadedMetadata, onResize = param.onResize, _param_borderTestId = param.borderTestId, borderTestId = _param_borderTestId === void 0 ? 'room-platform-video-frame-border' : _param_borderTestId, _param_testId = param.testId, testId = _param_testId === void 0 ? 'room-platform-video-frame' : _param_testId, trackRef = param.trackRef, _param_whiteboardTestId = param.whiteboardTestId, whiteboardTestId = _param_whiteboardTestId === void 0 ? 'room-platform-whiteboard-layer' : _param_whiteboardTestId;
     return /*#__PURE__*/ jsxs(RoomPlatformFitMediaFrame, {
         aspectRatio: aspectRatio,
         testId: testId,
         children: [
-            /*#__PURE__*/ jsx(VideoTrack, {
-                trackRef: trackRef,
-                className: "h-full w-full object-contain",
-                onLoadedMetadata: onLoadedMetadata,
-                onResize: onResize
+            /*#__PURE__*/ jsxs(RoomPlatformScreenShareInteractionSurface, {
+                aspectRatio: aspectRatio,
+                handlers: interactionHandlers,
+                children: [
+                    /*#__PURE__*/ jsx(VideoTrack, {
+                        trackRef: trackRef,
+                        className: "h-full w-full object-contain",
+                        onLoadedMetadata: onLoadedMetadata,
+                        onResize: onResize
+                    }),
+                    children ? /*#__PURE__*/ jsx("div", {
+                        "data-testid": whiteboardTestId,
+                        className: "absolute inset-0 z-20",
+                        children: children
+                    }) : null
+                ]
             }),
-            children ? /*#__PURE__*/ jsx("div", {
-                "data-testid": whiteboardTestId,
-                className: "absolute inset-0 z-20",
-                children: children
-            }) : null,
             /*#__PURE__*/ jsx("div", {
                 "data-testid": borderTestId,
                 "aria-hidden": "true",
@@ -28167,6 +28947,7 @@ function RoomPlatformStage(param) {
     var controlBar = param.controlBar, _param_layout = param.layout, layout = _param_layout === void 0 ? 'stage' : _param_layout, model = param.model, overlayTrack = param.overlayTrack, status = param.status, whiteboard = param.whiteboard;
     var _ref;
     var _model_primary, _model_primary1;
+    var _useRoomPlatformRoomControl = useRoomPlatformRoomControl(), sendClick = _useRoomPlatformRoomControl.sendClick, sendScroll = _useRoomPlatformRoomControl.sendScroll;
     var cameraOverlayTrack = overlayTrack !== null && overlayTrack !== void 0 ? overlayTrack : model.primary;
     var displayedTrack = layout === 'camera-overlay' ? cameraOverlayTrack : model.primary;
     var screenShareTrack = layout === 'stage' && ((_model_primary = model.primary) === null || _model_primary === void 0 ? void 0 : _model_primary.source) === Track.Source.ScreenShare ? model.primary : null;
@@ -28206,6 +28987,21 @@ function RoomPlatformStage(param) {
                         className: "relative flex h-full w-full items-center justify-center overflow-hidden rounded-lg text-sm text-slate-300",
                         children: /*#__PURE__*/ jsx(RoomPlatformScreenShareWhiteboardFrame, {
                             aspectRatio: frameStyle.aspectRatio,
+                            interactionHandlers: {
+                                onClick: function(param) {
+                                    var clientX = param.clientX, clientY = param.clientY, contentRect = param.contentRect;
+                                    var point = normalizeCapturedPoint({
+                                        clientX: clientX,
+                                        clientY: clientY,
+                                        contentRect: contentRect
+                                    });
+                                    if (point) sendClick(point);
+                                },
+                                onWheel: function(param) {
+                                    var deltaY = param.deltaY;
+                                    return sendScroll(deltaY);
+                                }
+                            },
                             onLoadedMetadata: screenShareRatio.onLoadedMetadata,
                             onResize: screenShareRatio.onResize,
                             trackRef: model.primary,
@@ -28346,6 +29142,7 @@ function RoomPlatformPrivateRoomStage(param) {
     var callerExternalActorId = param.callerExternalActorId, studentExternalActorId = param.studentExternalActorId, activeScreenShareExternalActorId = param.activeScreenShareExternalActorId, chat = param.chat, controlBar = param.controlBar, topBar = param.topBar, whiteboard = param.whiteboard;
     var previousShareSessionKeyRef = useRef(undefined);
     var whiteboardContext = useContext(WhiteboardContext);
+    var _useRoomPlatformRoomControl = useRoomPlatformRoomControl(), sendClick = _useRoomPlatformRoomControl.sendClick, sendScroll = _useRoomPlatformRoomControl.sendScroll;
     var tracks = useTracks([
         Track.Source.Camera,
         Track.Source.ScreenShare
@@ -28406,6 +29203,21 @@ function RoomPlatformPrivateRoomStage(param) {
                 }),
                 /*#__PURE__*/ jsx(RoomPlatformScreenShareWhiteboardFrame, _object_spread_props$3(_object_spread$3({}, screenShareRatio), {
                     borderTestId: "private-live-room-screen-share-border",
+                    interactionHandlers: {
+                        onClick: function(param) {
+                            var clientX = param.clientX, clientY = param.clientY, contentRect = param.contentRect;
+                            var point = normalizeCapturedPoint({
+                                clientX: clientX,
+                                clientY: clientY,
+                                contentRect: contentRect
+                            });
+                            if (point) sendClick(point);
+                        },
+                        onWheel: function(param) {
+                            var deltaY = param.deltaY;
+                            return sendScroll(deltaY);
+                        }
+                    },
                     testId: "private-live-room-screen-share-content-frame",
                     trackRef: screenShareTrack,
                     whiteboardTestId: "private-live-room-screen-share-whiteboard-layer",
@@ -29834,6 +30646,16 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
+function RoomPlatformMainWhiteboard(param) {
+    var permissions = param.permissions;
+    var setWhiteboardState = useRoomPlatformRoomControl().setWhiteboardState;
+    return /*#__PURE__*/ jsx(RoomPlatformMainWhiteboardSurface, {
+        children: /*#__PURE__*/ jsx(WhiteboardCanvas, {
+            permissions: permissions,
+            onToolbarStateChange: setWhiteboardState
+        })
+    });
+}
 function RoomPlatformChatUnreadBadge() {
     var totalUnreadCount = useChatContext().totalUnreadCount;
     return /*#__PURE__*/ jsx(UnreadBadge, {
@@ -30282,7 +31104,7 @@ var RoomPlatformWorkspaceContent = function(param) {
                                                     /*#__PURE__*/ jsx(RoomPlatformWhiteboardShareLifecycle, {
                                                         shareSessionKey: shareSessionKey
                                                     }),
-                                                    /*#__PURE__*/ jsx(WhiteboardCanvas, {
+                                                    /*#__PURE__*/ jsx(RoomPlatformMainWhiteboard, {
                                                         permissions: (_ref = (_whiteboardProviderProps_auth = whiteboardProviderProps.auth) === null || _whiteboardProviderProps_auth === void 0 ? void 0 : _whiteboardProviderProps_auth.permissions) !== null && _ref !== void 0 ? _ref : []
                                                     })
                                                 ]
@@ -30382,7 +31204,7 @@ function RoomPlatformPrivateRoomRuntime(param) {
                         state: privateRoomState.privateRoom,
                         connection: privateRoomState.privateRoomConnection,
                         currentExternalActorId: privateRoomState.actorExternalId,
-                        whiteboard: /*#__PURE__*/ jsx(WhiteboardCanvas, {
+                        whiteboard: /*#__PURE__*/ jsx(RoomPlatformMainWhiteboard, {
                             permissions: whiteboardAuth.permissions
                         }),
                         roomStatusBanner: privateRoomState.privateRoomStatusBanner,
@@ -30406,25 +31228,29 @@ function RoomPlatformPrivateRoomRuntime(param) {
     });
 }
 function RoomPlatformRuntime(_0) {
-    var children = _0.children, completionAction = _0.completionAction, extensions = _0.extensions, modeConfig = _0.modeConfig, onExit = _0.onExit, primaryCameraPlacement = _0.primaryCameraPlacement, _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, primaryCameraPlacement = _0.primaryCameraPlacement, roomControlScopeId = _0.roomControlScopeId, _0_sizing = _0.sizing, sizing = _0_sizing === void 0 ? 'viewport' : _0_sizing, providerProps = _object_without_properties(_0, [
         "children",
         "completionAction",
         "extensions",
         "modeConfig",
         "onExit",
         "primaryCameraPlacement",
+        "roomControlScopeId",
         "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,
-                    primaryCameraPlacement: primaryCameraPlacement,
-                    sizing: sizing
+        children: /*#__PURE__*/ jsx(RoomPlatformRoomControlRuntime, {
+            scopeId: roomControlScopeId,
+            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,
+                        primaryCameraPlacement: primaryCameraPlacement,
+                        sizing: sizing
+                    })
                 })
             })
         })