@pepperdash/mobile-control-react-app-core 1.25.0-feat-deprecate-interfaces-array.5 → 1.25.0-feat-essentials-v3.1

package/dist/mobile-control-react-app-core.es.js

@@ -1,132 +1,132 @@
 var w2 = Object.defineProperty;
-var p2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var q = (e, t, o) => p2(e, typeof t != "symbol" ? t + "" : t, o);
-import M3, { AxiosError as m2 } from "axios";
+var m2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var q = (e, t, o) => m2(e, typeof t != "symbol" ? t + "" : t, o);
+import M3, { AxiosError as p2 } from "axios";
 import { useDispatch as M2, useSelector as x2, Provider as Z2 } from "react-redux";
-import { createSelector as M, createSlice as d1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import x3, { createContext as C2, useEffect as x1, useCallback as r1, useContext as b2, useRef as u1, useMemo as X, useState as Y, useLayoutEffect as Z3 } from "react";
+import { createSelector as M, createSlice as v1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
+import x3, { createContext as C2, useEffect as Z1, useCallback as l1, useContext as b2, useRef as d1, useMemo as N, useState as Y, useLayoutEffect as Z3 } from "react";
 import { useNavigate as y2, useRouteError as I2, isRouteErrorResponse as R2 } from "react-router-dom";
 import * as S3 from "lodash";
-const W1 = M2.withTypes(), p = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
-  Z1,
+const W1 = M2.withTypes(), m = x2.withTypes(), S1 = (e) => e.appConfig, E2 = M(
+  S1,
   (e) => e.config
 ), T2 = M(
-  Z1,
+  S1,
   (e) => e.config.apiPath
 ), D2 = M(
-  Z1,
+  S1,
   (e) => e.config.logoPath
 ), _2 = M(
-  Z1,
+  S1,
   (e) => e.config.partnerMetadata
-), X8 = () => p(E2), Q8 = () => p(T2), N8 = () => p(D2), e6 = () => p(_2), j3 = (e) => e.devices, C3 = M(
+), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m(_2), j3 = (e) => e.devices, C3 = M(
   j3,
   (e) => e
-), A2 = (e) => M(
+), $2 = (e) => M(
   j3,
   (t) => t[e] ? t[e] : void 0
-), t6 = () => p(C3);
+), t6 = () => m(C3);
 function D(e) {
-  return p(A2(e));
+  return m($2(e));
 }
-const P = (e) => e.rooms, $2 = (e) => M(
-  P,
+const A = (e) => e.rooms, P2 = (e) => M(
+  A,
   (t) => t[e] ? t[e].configuration : void 0
 ), L2 = M(
-  P,
+  A,
   (e) => e
-), P2 = (e) => M(
-  P,
+), A2 = (e) => M(
+  A,
   (t) => t[e] ? t[e] : void 0
-), B2 = (e) => M(
-  P,
+), O2 = (e) => M(
+  A,
   (t) => t[e] ? t[e].name : void 0
-), O2 = (e, t) => M(
-  P,
+), B2 = (e, t) => M(
+  A,
   (o) => o[e] ? o[e].volumes[t] : void 0
 ), k2 = (e) => M(
-  P,
+  A,
   (t) => t[e] ? t[e] : void 0
 ), W2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.sourceList : void 0;
   }
 ), V2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.audioControlPointList : void 0;
   }
 ), U2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinations : void 0;
   }
-), F2 = (e) => M(
-  P,
+), H2 = (e) => M(
+  A,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList : void 0;
   }
-), H2 = (e) => M(
-  P,
+), F2 = (e) => M(
+  A,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.environmentalDevices : void 0;
   }
 ), K2 = (e) => M(
-  P,
+  A,
   (t) => {
-    var o, c, r, l, u, g, h, f;
-    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (u = (l = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : l.destinationList.programAudio) == null ? void 0 : u.sinkKey : ((f = (h = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : f.sinkKey) || "";
+    var o, c, r, l, a, g, h, f;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (a = (l = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : l.destinationList.programAudio) == null ? void 0 : a.sinkKey : ((f = (h = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : f.sinkKey) || "";
   }
 ), q2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o, c, r;
     return t[e] ? (r = (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
   }
 ), G2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isInCall : void 0;
   }
 ), Y2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isWarmingUp : void 0;
   }
 ), z2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isCoolingDown : void 0;
   }
 ), J2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isOn : void 0;
   }
 ), X2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.advancedSharingActive : void 0;
   }
 ), Q2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.share : void 0;
   }
 ), N2 = (e) => M(
-  P,
+  A,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
@@ -147,21 +147,21 @@ const P = (e) => e.rooms, $2 = (e) => M(
   }
 );
 function n6(e) {
-  return p(
-    $2(e)
+  return m(
+    P2(e)
   );
 }
 function o6() {
-  return p(L2);
+  return m(L2);
 }
-function S1(e) {
-  return p(P2(e));
+function j1(e) {
+  return m(A2(e));
 }
-const s6 = S1, c6 = (e) => p(
-  B2(e)
-), te = (e, t) => p(
-  O2(e, t)
-), ne = (e) => p(k2(e)) || void 0, r6 = (e) => p(W2(e)), l6 = (e) => p(V2(e)), i6 = (e) => p(U2(e)), a6 = (e) => p(F2(e)), u6 = (e) => p(H2(e)), d6 = (e) => p(K2(e)), v6 = (e) => p(q2(e)), h6 = (e) => p(G2(e)), g6 = (e) => p(Y2(e)), f6 = (e) => p(z2(e)), w6 = (e) => p(J2(e)), p6 = (e) => p(X2(e)), m6 = (e) => p(Q2(e)), M6 = (e) => p((t) => ee(t, e)), x6 = (e) => p(N2(e)), G = (e) => e.runtimeConfig, oe = M(
+const s6 = j1, c6 = (e) => m(
+  O2(e)
+), te = (e, t) => m(
+  B2(e, t)
+), ne = (e) => m(k2(e)) || void 0, r6 = (e) => m(W2(e)), l6 = (e) => m(V2(e)), i6 = (e) => m(U2(e)), a6 = (e) => m(H2(e)), u6 = (e) => m(F2(e)), d6 = (e) => m(K2(e)), v6 = (e) => m(q2(e)), h6 = (e) => m(G2(e)), g6 = (e) => m(Y2(e)), f6 = (e) => m(z2(e)), w6 = (e) => m(J2(e)), m6 = (e) => m(X2(e)), p6 = (e) => m(Q2(e)), M6 = (e) => m((t) => ee(t, e)), x6 = (e) => m(N2(e)), G = (e) => e.runtimeConfig, oe = M(
   G,
   (e) => e.websocket.isConnected
 ), se = M(
@@ -203,7 +203,7 @@ const s6 = S1, c6 = (e) => p(
 ), ve = (e, t) => M(
   y3(e),
   (o) => o.includes(t)
-), I3 = () => p(oe), Z6 = () => p(se), S6 = () => p(ce), j6 = () => p(re), C6 = () => p(le), b6 = () => p(ie), y6 = () => p(ae), I6 = () => p(ue), R6 = () => p(de), E6 = () => p(b3), T6 = (e) => p(y3(e)), D6 = (e, t) => p(ve(e, t)), e1 = (e) => e.ui, V1 = (e) => M(e1, (t) => t.modalVisibility[e]), he = (e) => M(e1, (t) => {
+), I3 = () => m(oe), Z6 = () => m(se), S6 = () => m(ce), j6 = () => m(re), C6 = () => m(le), b6 = () => m(ie), y6 = () => m(ae), I6 = () => m(ue), R6 = () => m(de), E6 = () => m(b3), T6 = (e) => m(y3(e)), D6 = (e, t) => m(ve(e, t)), e1 = (e) => e.ui, V1 = (e) => M(e1, (t) => t.modalVisibility[e]), he = (e) => M(e1, (t) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
@@ -216,7 +216,7 @@ const s6 = S1, c6 = (e) => p(
 ), fe = M(e1, (e) => e.error), we = M(
   e1,
   (e) => e.showReconnect
-), pe = M(e1, (e) => e.theme), me = (e) => M(e1, (t) => t.syncState.includes(e)), _6 = () => p(V1("showShutdownModal")), A6 = () => p(V1("showIncomingCallModal")), $6 = (e) => p(V1(e)), L6 = (e) => p(he(e)), P6 = (e, t) => p(ge(e, t)), Me = () => p(fe), xe = () => p(we), B6 = () => p(pe), Ze = (e) => p(me(e)), Se = {
+), me = M(e1, (e) => e.theme), pe = (e) => M(e1, (t) => t.syncState.includes(e)), _6 = () => m(V1("showShutdownModal")), $6 = () => m(V1("showIncomingCallModal")), P6 = (e) => m(V1(e)), L6 = (e) => m(he(e)), A6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), O6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -225,7 +225,7 @@ const s6 = S1, c6 = (e) => p(
   },
   popoverVisibility: {},
   syncState: []
-}, R3 = d1({
+}, R3 = v1({
   name: "ui",
   initialState: Se,
   reducers: {
@@ -271,7 +271,7 @@ const s6 = S1, c6 = (e) => p(
       e.syncState = [];
     }
   }
-}), k = R3.actions, je = R3.reducer, Ce = {
+}), W = R3.actions, je = R3.reducer, Ce = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -281,7 +281,7 @@ const s6 = S1, c6 = (e) => p(
     loginMode: "",
     modes: {}
   }
-}, E3 = d1({
+}, E3 = v1({
   name: "appConfig",
   initialState: Ce,
   reducers: {
@@ -289,14 +289,14 @@ const s6 = S1, c6 = (e) => p(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = d1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, O1 = v1({
   name: "devices",
   initialState: v3,
   reducers: {
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, u = S3.mergeWith(
+      const r = t.payload.content, l = e[c] ?? {}, a = S3.mergeWith(
         {},
         l,
         r,
@@ -304,16 +304,16 @@ const s6 = S1, c6 = (e) => p(
           if (Array.isArray(h)) return h.slice();
         }
       );
-      e[c] = u;
+      e[c] = a;
     },
     clearDevices() {
       return v3;
     }
   }
-}), w1 = {
-  setDeviceState: B1.actions.setDeviceState,
-  clearDevices: B1.actions.clearDevices
-}, ye = B1.reducer;
+}), m1 = {
+  setDeviceState: O1.actions.setDeviceState,
+  clearDevices: O1.actions.clearDevices
+}, ye = O1.reducer;
 class Ie {
   constructor() {
     q(this, "uuid", "current-uuid");
@@ -329,26 +329,26 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, O1 = d1({
+const g3 = {}, B1 = v1({
   name: "rooms",
   initialState: g3,
   reducers: {
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, u = S3.mergeWith({}, l, r, (g, h) => {
+      const r = t.payload.content, l = e[c] ?? {}, a = S3.mergeWith({}, l, r, (g, h) => {
         if (Array.isArray(h)) return h;
       });
-      e[c] = u;
+      e[c] = a;
     },
     clearRooms() {
       return g3;
     }
   }
 }), p1 = {
-  setRoomState: O1.actions.setRoomState,
-  clearRooms: O1.actions.clearRooms
-}, Te = O1.reducer, De = {
+  setRoomState: B1.actions.setRoomState,
+  clearRooms: B1.actions.clearRooms
+}, Te = B1.reducer, De = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -379,7 +379,7 @@ const g3 = {}, O1 = d1({
     userCode: "",
     qrUrl: ""
   }
-}, D3 = d1({
+}, D3 = v1({
   name: "runtimeConfig",
   initialState: De,
   reducers: {
@@ -414,83 +414,96 @@ const g3 = {}, O1 = d1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = D3.actions, _e = D3.reducer, $1 = M3.create(), _3 = "websocket/connect", A3 = "websocket/disconnect", $3 = "websocket/sendMessage", L3 = "websocket/addEventHandler", P3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", O3 = () => ({ type: _3 }), O6 = () => ({ type: A3 }), Ae = (e, t) => ({
-  type: $3,
+}), U = D3.actions, _e = D3.reducer, P1 = M3.create(), _3 = "websocket/connect", $3 = "websocket/disconnect", P3 = "websocket/sendMessage", L3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", O3 = "websocket/reconnect", B3 = () => ({ type: _3 }), B6 = () => ({ type: $3 }), $e = (e, t) => ({
+  type: P3,
   payload: { messageType: e, content: t }
-}), $e = (e, t, o) => ({
+}), Pe = (e, t, o) => ({
   type: L3,
   payload: { eventType: e, key: t, callback: o }
 }), Le = (e, t) => ({
-  type: P3,
+  type: A3,
   payload: { eventType: e, key: t }
-}), Pe = () => ({ type: B3 }), Be = () => {
+}), Ae = () => ({ type: O3 }), Oe = () => {
   const e = {
     client: null,
     token: null,
     waitingToReconnect: !1,
     reconnectTimer: null,
     eventHandlers: {}
-  }, t = async (a) => {
+  }, t = async (u) => {
     try {
-      const Z = location.pathname.split("/").filter((b) => b.length > 0);
+      const Z = location.pathname.split("/").filter((C) => C.length > 0);
       Z.length >= 5 ? Z.length = 5 : Z.length = 2;
-      const C = `/${Z.join("/")}`, S = await $1.get(
+      const j = `/${Z.join("/")}`, S = await P1.get(
         "/_local-config/_config.local.json",
-        { baseURL: C }
+        { baseURL: j }
       );
       if (S.status === 200 && S.data) {
-        const b = S.data.apiPath;
-        a(T3.setAppConfig(S.data));
-        const x = await $1.get(
-          `${b}/version`
+        const C = S.data.apiPath;
+        u(T3.setAppConfig(S.data));
+        const x = await P1.get(
+          `${C}/version`
         );
-        x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
+        x.status === 200 && x.data && u(U.setRuntimeConfig(x.data));
       }
     } catch (Z) {
       console.error("Error getting config", Z);
     }
     return !0;
-  }, o = async (a, Z, C) => {
+  }, o = async (u, Z, j) => {
     try {
-      const S = await $1.get(
-        `${a}/ui/joinroom?token=${Z}`
+      const S = await P1.get(
+        `${u}/ui/joinroom?token=${Z}`
       );
-      return S.status === 200 && S.data ? (C(U.setRoomData(S.data)), S.data) : null;
+      return S.status === 200 && S.data ? (j(U.setRoomData(S.data)), S.data) : null;
     } catch (S) {
-      return console.log(S), S instanceof m2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
-        k.setErrorMessage(
+      return console.log(S), S instanceof p2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
+        W.setErrorMessage(
           `Token ${Z} is invalid. Unable to join room`
         )
-      ), null) : (console.error("Error getting room data", S), S instanceof Error ? C(k.setErrorMessage(S.message)) : C(k.setErrorMessage("Error getting room data")), null);
+      ), null) : (console.error("Error getting room data", S), S instanceof Error ? j(W.setErrorMessage(S.message)) : j(W.setErrorMessage("Error getting room data")), null);
     }
-  }, c = (a) => {
+  }, c = (u) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
-      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), a(O3());
+      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), u(B3());
     }, 5e3);
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
-  }, l = (a) => {
-    a(k.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(w1.clearDevices()), a(p1.clearRooms()), a(k.clearAllModals()), a(k.clearSyncState());
-  }, u = (a, Z) => {
-    const C = a(), S = Z ?? C.runtimeConfig.roomData.roomKey, { clientId: b } = C.runtimeConfig.roomData, x = C.runtimeConfig.websocket.isConnected;
-    if (!Z || !x || !b) {
+  }, l = (u) => {
+    u(W.setShowReconnect(!0)), u(U.setWebsocketIsConnected(!1)), u(m1.clearDevices()), u(p1.clearRooms()), u(W.clearAllModals()), u(W.clearSyncState());
+  }, a = (u, Z) => {
+    var F;
+    const j = u(), S = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: C } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected, O = (F = j.runtimeConfig.roomData.config) == null ? void 0 : F.runtimeInfo.essentialsVersion;
+    console.log("WebSocket middleware: Essentials version", {
+      essentialsVersion: O
+    });
+    const o1 = O == null ? void 0 : O.startsWith("3.");
+    if (!Z || !x || !C) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!Z,
         isConnected: x,
-        hasClientId: !!b
+        hasClientId: !!C
       });
       return;
     }
-    console.log("WebSocket middleware: Requesting status from room:", Z), e.client && x && e.client.send(
+    console.log("WebSocket middleware: Requesting status from room:", Z), e.client && x && (o1 ? (console.log(
+      "WebSocket middleware: Essentials V3 detected, requesting additional status..."
+    ), e.client.send(
+      JSON.stringify({
+        type: `/room/${S}/fullStatus`,
+        clientId: C,
+        content: null
+      })
+    )) : e.client.send(
       JSON.stringify({
         type: `/room/${S}/status`,
-        clientId: b,
+        clientId: C,
         content: null
       })
-    );
-  }, g = async (a, Z) => {
+    ));
+  }, g = async (u, Z) => {
     console.log("WebSocket middleware: Attempting to connect...");
-    const C = Z(), { apiPath: S } = C.appConfig.config, { serverIsRunningOnProcessorHardware: b } = C.runtimeConfig;
+    const j = Z(), { apiPath: S } = j.appConfig.config, { serverIsRunningOnProcessorHardware: C } = j.runtimeConfig;
     if (!S || !e.token) {
       console.log(
         "WebSocket middleware: Cannot connect - missing requirements",
@@ -513,47 +526,47 @@ const g3 = {}, O1 = d1({
     }
     e.waitingToReconnect = !0;
     try {
-      const x = await o(S, e.token, a);
+      const x = await o(S, e.token, u);
       if (!x) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
-        ), c(a);
+        ), c(u);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const C1 = `${S.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, K = new WebSocket(C1);
-      e.client = K, K.onopen = (B) => {
+      const o1 = `${S.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, F = new WebSocket(o1);
+      e.client = F, F.onopen = (B) => {
         console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
-          e.client === K && K.readyState === WebSocket.OPEN && a(U.setWebsocketIsConnected(!0));
+          e.client === F && F.readyState === WebSocket.OPEN && u(U.setWebsocketIsConnected(!0));
         }, 100);
-      }, K.onerror = (B) => {
-        console.error("WebSocket middleware: Error", B), l(a);
-      }, K.onclose = (B) => {
+      }, F.onerror = (B) => {
+        console.error("WebSocket middleware: Error", B), l(u);
+      }, F.onclose = (B) => {
         var _;
         if (console.log(
           "WebSocket middleware: Disconnected",
           B.reason,
           B.code
         ), B.code === 4100) {
-          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(a);
+          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(u);
           return;
         }
         if (e.waitingToReconnect = !0, B.code === 4e3) {
-          console.log("WebSocket middleware: User code changed"), r(), a(
+          console.log("WebSocket middleware: User code changed"), r(), u(
             U.setUserCode({ userCode: "", qrUrl: "" })
-          ), a(
-            k.setErrorMessage(
+          ), u(
+            W.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), l(a);
+          ), l(u);
           return;
         }
         if (B.code === 4002) {
-          console.log("WebSocket middleware: Room combination changed"), r(), a(
-            k.setErrorMessage(
+          console.log("WebSocket middleware: Room combination changed"), r(), u(
+            W.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), l(a);
+          ), l(u);
           return;
         }
         if (B.code === 4001)
@@ -561,18 +574,18 @@ const g3 = {}, O1 = d1({
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
             );
-          else if (b)
+          else if (C)
             console.log(
               "WebSocket middleware: Code 4001 on processor hardware (no touchpanel key), will auto-reconnect"
             );
           else {
             console.log(
               "WebSocket middleware: Processor disconnected (no touchpanel key, not on processor hardware)"
-            ), r(), a(
-              k.setErrorMessage(
+            ), r(), u(
+              W.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
-            ), l(a);
+            ), l(u);
             return;
           }
         if (e.client)
@@ -583,36 +596,36 @@ const g3 = {}, O1 = d1({
           console.log("WebSocket middleware: Closed by client");
           return;
         }
-        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), a(
-          k.setErrorMessage(
+        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), u(
+          W.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), a(U.setWebsocketIsConnected(!1)), a(w1.clearDevices()), a(p1.clearRooms()), a(k.clearAllModals()), a(k.clearSyncState()), c(a);
-      }, K.onmessage = (B) => {
+        ), u(U.setWebsocketIsConnected(!1)), u(m1.clearDevices()), u(p1.clearRooms()), u(W.clearAllModals()), u(W.clearSyncState()), c(u);
+      }, F.onmessage = (B) => {
         try {
           const _ = JSON.parse(B.data);
           if (_.type === "close") {
-            K.close(4001, _.content);
+            F.close(4001, _.content);
             return;
           }
           if (_.type.startsWith("/system/"))
             switch (_.type) {
               case "/system/touchpanelKey":
-                a(
+                u(
                   U.setTouchpanelKey(
                     _.content
                   )
                 );
                 break;
               case "/system/roomKey":
-                a(p1.clearRooms()), a(w1.clearDevices()), a(k.clearSyncState()), a(
+                u(p1.clearRooms()), u(m1.clearDevices()), u(W.clearSyncState()), u(
                   U.setCurrentRoomKey(
                     _.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
-                a(
+                u(
                   U.setUserCode(_.content)
                 );
                 break;
@@ -621,7 +634,7 @@ const g3 = {}, O1 = d1({
                 break;
               case "/system/deviceInterfaces": {
                 const z = _.content;
-                a(
+                u(
                   U.setDeviceInterfaces(
                     z.deviceInterfaces
                   )
@@ -640,9 +653,9 @@ const g3 = {}, O1 = d1({
             z || console.log(
               "WebSocket middleware: No handlers found for event type",
               _.type
-            ), z && Object.values(z).forEach((o1) => {
+            ), z && Object.values(z).forEach((s1) => {
               try {
-                o1(_);
+                s1(_);
               } catch (b1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
@@ -650,7 +663,7 @@ const g3 = {}, O1 = d1({
                 );
               }
             });
-          } else _.type.startsWith("/room/") ? a(p1.setRoomState(_)) : _.type.startsWith("/device/") && a(w1.setDeviceState(_));
+          } else _.type.startsWith("/room/") ? u(p1.setRoomState(_)) : _.type.startsWith("/device/") && u(m1.setDeviceState(_));
         } catch (_) {
           console.error("WebSocket middleware: Message handling error", _);
         }
@@ -660,78 +673,78 @@ const g3 = {}, O1 = d1({
     }
   }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, f = (a, Z, C) => {
-    const S = C(), b = S.runtimeConfig.websocket.isConnected, x = S.runtimeConfig.roomData.clientId;
-    e.client && b ? e.client.send(
-      JSON.stringify({ type: a, clientId: x, content: Z })
+  }, f = (u, Z, j) => {
+    const S = j(), C = S.runtimeConfig.websocket.isConnected, x = S.runtimeConfig.roomData.clientId;
+    e.client && C ? e.client.send(
+      JSON.stringify({ type: u, clientId: x, content: Z })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, d = (a, Z, C) => {
-    e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][Z] = C, console.log("WebSocket middleware: Event handler added", a, Z);
-  }, A = (a, Z) => {
-    e.eventHandlers[a] && (delete e.eventHandlers[a][Z], console.log(
+  }, d = (u, Z, j) => {
+    e.eventHandlers[u] || (e.eventHandlers[u] = {}), e.eventHandlers[u][Z] = j, console.log("WebSocket middleware: Event handler added", u, Z);
+  }, $ = (u, Z) => {
+    e.eventHandlers[u] && (delete e.eventHandlers[u][Z], console.log(
       "WebSocket middleware: Event handler removed",
-      a,
+      u,
       Z
     ));
-  }, F = (a) => {
-    const Z = a(), { gatewayAppPath: C } = Z.appConfig.config, S = Z.runtimeConfig.roomData.roomKey, b = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, W = `${C}?uuid=${b}&roomKey=${S}`;
-    window.location.href = x ? `${W}&Code=${x}` : W;
+  }, H = (u) => {
+    const Z = u(), { gatewayAppPath: j } = Z.appConfig.config, S = Z.runtimeConfig.roomData.roomKey, C = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, O = `${j}?uuid=${C}&roomKey=${S}`;
+    window.location.href = x ? `${O}&Code=${x}` : O;
   };
-  return (a) => (Z) => (C) => {
-    const S = Z(C);
-    if (!C || typeof C != "object" || !("type" in C))
+  return (u) => (Z) => (j) => {
+    const S = Z(j);
+    if (!j || typeof j != "object" || !("type" in j))
       return S;
-    const b = C;
+    const C = j;
     return (async () => {
-      switch (b.type) {
+      switch (C.type) {
         case _3: {
-          let W = new URLSearchParams(window.location.search).get("token");
-          W ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, W)) : (W = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(a.dispatch), await g(a.dispatch, a.getState);
+          let O = new URLSearchParams(window.location.search).get("token");
+          O ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, O)) : (O = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = O, await t(u.dispatch), await g(u.dispatch, u.getState);
           break;
         }
-        case A3:
+        case $3:
           h();
           break;
-        case $3:
+        case P3:
           f(
-            b.payload.messageType,
-            b.payload.content,
-            a.getState
+            C.payload.messageType,
+            C.payload.content,
+            u.getState
           );
           break;
         case L3:
           d(
-            b.payload.eventType,
-            b.payload.key,
-            b.payload.callback
+            C.payload.eventType,
+            C.payload.key,
+            C.payload.callback
           );
           break;
-        case P3:
-          A(
-            b.payload.eventType,
-            b.payload.key
+        case A3:
+          $(
+            C.payload.eventType,
+            C.payload.key
           );
           break;
-        case B3:
-          F(a.getState);
+        case O3:
+          H(u.getState);
           break;
         default:
-          if (C.type === U.setWebsocketIsConnected.type)
-            C.payload === !0 && (console.log(
+          if (j.type === U.setWebsocketIsConnected.type)
+            j.payload === !0 && (console.log(
               "[WebSocket Middleware] Connection established, requesting room status..."
-            ), setTimeout(() => u(a.getState), 100));
-          else if (C.type === U.setRoomData.type) {
-            const x = a.getState(), W = C.payload;
-            x.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
+            ), setTimeout(() => a(u.getState), 100));
+          else if (j.type === U.setRoomData.type) {
+            const x = u.getState(), O = j.payload;
+            x.runtimeConfig.websocket.isConnected && (O != null && O.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => u(a.getState), 100));
-          } else if (C.type === U.setCurrentRoomKey.type) {
-            const x = C.payload;
+            ), setTimeout(() => a(u.getState), 100));
+          } else if (j.type === U.setCurrentRoomKey.type) {
+            const x = j.payload;
             x && (console.log(
               "[WebSocket Middleware] Room changed to:",
               x,
               ", requesting room status..."
-            ), setTimeout(() => u(a.getState, x), 100));
+            ), setTimeout(() => a(u.getState, x), 100));
           }
           break;
       }
@@ -739,20 +752,20 @@ const g3 = {}, O1 = d1({
       console.error("WebSocket middleware: Error handling action", x);
     }), S;
   };
-}, Oe = S2({
+}, Be = S2({
   appConfig: be,
   runtimeConfig: _e,
   rooms: Te,
   devices: ye,
   ui: je
 }), ke = j2({
-  reducer: Oe,
+  reducer: Be,
   middleware: (e) => e({
     serializableCheck: {
       // Ignore WebSocket actions with callbacks
       ignoredActions: ["websocket/addEventHandler"]
     }
-  }).concat(Be())
+  }).concat(Oe())
 }), f3 = M3.create();
 function k6() {
   const e = W1();
@@ -778,7 +791,7 @@ function k6() {
     return !0;
   };
 }
-var m1 = { exports: {} }, l1 = {};
+var M1 = { exports: {} }, i1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -790,19 +803,19 @@ var m1 = { exports: {} }, l1 = {};
  */
 var w3;
 function We() {
-  if (w3) return l1;
+  if (w3) return i1;
   w3 = 1;
   var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(g, h, f) {
-    var d, A = {}, F = null, a = null;
-    f !== void 0 && (F = "" + f), h.key !== void 0 && (F = "" + h.key), h.ref !== void 0 && (a = h.ref);
-    for (d in h) c.call(h, d) && !l.hasOwnProperty(d) && (A[d] = h[d]);
-    if (g && g.defaultProps) for (d in h = g.defaultProps, h) A[d] === void 0 && (A[d] = h[d]);
-    return { $$typeof: t, type: g, key: F, ref: a, props: A, _owner: r.current };
+  function a(g, h, f) {
+    var d, $ = {}, H = null, u = null;
+    f !== void 0 && (H = "" + f), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (u = h.ref);
+    for (d in h) c.call(h, d) && !l.hasOwnProperty(d) && ($[d] = h[d]);
+    if (g && g.defaultProps) for (d in h = g.defaultProps, h) $[d] === void 0 && ($[d] = h[d]);
+    return { $$typeof: t, type: g, key: H, ref: u, props: $, _owner: r.current };
   }
-  return l1.Fragment = o, l1.jsx = u, l1.jsxs = u, l1;
+  return i1.Fragment = o, i1.jsx = a, i1.jsxs = a, i1;
 }
-var i1 = {};
+var a1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -812,47 +825,47 @@ var i1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var p3;
+var m3;
 function Ve() {
-  return p3 || (p3 = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, C = "@@iterator";
+  return m3 || (m3 = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
     function S(s) {
       if (s === null || typeof s != "object")
         return null;
-      var i = Z && s[Z] || s[C];
+      var i = Z && s[Z] || s[j];
       return typeof i == "function" ? i : null;
     }
-    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var C = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(s) {
       {
-        for (var i = arguments.length, v = new Array(i > 1 ? i - 1 : 0), m = 1; m < i; m++)
-          v[m - 1] = arguments[m];
-        W("error", s, v);
+        for (var i = arguments.length, v = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
+          v[p - 1] = arguments[p];
+        O("error", s, v);
       }
     }
-    function W(s, i, v) {
+    function O(s, i, v) {
       {
-        var m = b.ReactDebugCurrentFrame, E = m.getStackAddendum();
+        var p = C.ReactDebugCurrentFrame, E = p.getStackAddendum();
         E !== "" && (i += "%s", v = v.concat([E]));
-        var T = v.map(function(y) {
-          return String(y);
+        var T = v.map(function(I) {
+          return String(I);
         });
         T.unshift("Warning: " + i), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var C1 = !1, K = !1, B = !1, _ = !1, z = !1, o1;
-    o1 = Symbol.for("react.module.reference");
+    var o1 = !1, F = !1, B = !1, _ = !1, z = !1, s1;
+    s1 = Symbol.for("react.module.reference");
     function b1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === d || _ || s === a || C1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === F || s.$$typeof === A || s.$$typeof === u || s.$$typeof === g || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === d || _ || s === u || o1 || F || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === $ || s.$$typeof === a || s.$$typeof === g || s.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      s.$$typeof === o1 || s.getModuleId !== void 0));
+      s.$$typeof === s1 || s.getModuleId !== void 0));
     }
     function U3(s, i, v) {
-      var m = s.displayName;
-      if (m)
-        return m;
+      var p = s.displayName;
+      if (p)
+        return p;
       var E = i.displayName || i.name || "";
       return E !== "" ? v + "(" + E + ")" : v;
     }
@@ -885,18 +898,18 @@ function Ve() {
           case g:
             var i = s;
             return U1(i) + ".Consumer";
-          case u:
+          case a:
             var v = s;
             return U1(v._context) + ".Provider";
           case h:
             return U3(s, s.render, "ForwardRef");
-          case A:
-            var m = s.displayName || null;
-            return m !== null ? m : J(s.type) || "Memo";
-          case F: {
-            var E = s, T = E._payload, y = E._init;
+          case $:
+            var p = s.displayName || null;
+            return p !== null ? p : J(s.type) || "Memo";
+          case H: {
+            var E = s, T = E._payload, I = E._init;
             try {
-              return J(y(T));
+              return J(I(T));
             } catch {
               return null;
             }
@@ -904,14 +917,14 @@ function Ve() {
         }
       return null;
     }
-    var Q = Object.assign, s1 = 0, F1, H1, K1, q1, G1, Y1, z1;
+    var X = Object.assign, c1 = 0, H1, F1, K1, q1, G1, Y1, z1;
     function J1() {
     }
     J1.__reactDisabledLog = !0;
-    function F3() {
+    function H3() {
       {
-        if (s1 === 0) {
-          F1 = console.log, H1 = console.info, K1 = console.warn, q1 = console.error, G1 = console.group, Y1 = console.groupCollapsed, z1 = console.groupEnd;
+        if (c1 === 0) {
+          H1 = console.log, F1 = console.info, K1 = console.warn, q1 = console.error, G1 = console.group, Y1 = console.groupCollapsed, z1 = console.groupEnd;
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -928,133 +941,133 @@ function Ve() {
             groupEnd: s
           });
         }
-        s1++;
+        c1++;
       }
     }
-    function H3() {
+    function F3() {
       {
-        if (s1--, s1 === 0) {
+        if (c1--, c1 === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: Q({}, s, {
-              value: F1
-            }),
-            info: Q({}, s, {
+            log: X({}, s, {
               value: H1
             }),
-            warn: Q({}, s, {
+            info: X({}, s, {
+              value: F1
+            }),
+            warn: X({}, s, {
               value: K1
             }),
-            error: Q({}, s, {
+            error: X({}, s, {
               value: q1
             }),
-            group: Q({}, s, {
+            group: X({}, s, {
               value: G1
             }),
-            groupCollapsed: Q({}, s, {
+            groupCollapsed: X({}, s, {
               value: Y1
             }),
-            groupEnd: Q({}, s, {
+            groupEnd: X({}, s, {
               value: z1
             })
           });
         }
-        s1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        c1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var y1 = b.ReactCurrentDispatcher, I1;
-    function v1(s, i, v) {
+    var y1 = C.ReactCurrentDispatcher, I1;
+    function h1(s, i, v) {
       {
         if (I1 === void 0)
           try {
             throw Error();
           } catch (E) {
-            var m = E.stack.trim().match(/\n( *(at )?)/);
-            I1 = m && m[1] || "";
+            var p = E.stack.trim().match(/\n( *(at )?)/);
+            I1 = p && p[1] || "";
           }
         return `
 ` + I1 + s;
       }
     }
-    var R1 = !1, h1;
+    var R1 = !1, g1;
     {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
-      h1 = new K3();
+      g1 = new K3();
     }
     function X1(s, i) {
       if (!s || R1)
         return "";
       {
-        var v = h1.get(s);
+        var v = g1.get(s);
         if (v !== void 0)
           return v;
       }
-      var m;
+      var p;
       R1 = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var T;
-      T = y1.current, y1.current = null, F3();
+      T = y1.current, y1.current = null, H3();
       try {
         if (i) {
-          var y = function() {
+          var I = function() {
             throw Error();
           };
-          if (Object.defineProperty(y.prototype, "props", {
+          if (Object.defineProperty(I.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(y, []);
+              Reflect.construct(I, []);
             } catch (V) {
-              m = V;
+              p = V;
             }
-            Reflect.construct(s, [], y);
+            Reflect.construct(s, [], I);
           } else {
             try {
-              y.call();
+              I.call();
             } catch (V) {
-              m = V;
+              p = V;
             }
-            s.call(y.prototype);
+            s.call(I.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (V) {
-            m = V;
+            p = V;
           }
           s();
         }
       } catch (V) {
-        if (V && m && typeof V.stack == "string") {
-          for (var j = V.stack.split(`
-`), O = m.stack.split(`
-`), $ = j.length - 1, L = O.length - 1; $ >= 1 && L >= 0 && j[$] !== O[L]; )
+        if (V && p && typeof V.stack == "string") {
+          for (var b = V.stack.split(`
+`), k = p.stack.split(`
+`), P = b.length - 1, L = k.length - 1; P >= 1 && L >= 0 && b[P] !== k[L]; )
             L--;
-          for (; $ >= 1 && L >= 0; $--, L--)
-            if (j[$] !== O[L]) {
-              if ($ !== 1 || L !== 1)
+          for (; P >= 1 && L >= 0; P--, L--)
+            if (b[P] !== k[L]) {
+              if (P !== 1 || L !== 1)
                 do
-                  if ($--, L--, L < 0 || j[$] !== O[L]) {
-                    var H = `
-` + j[$].replace(" at new ", " at ");
-                    return s.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", s.displayName)), typeof s == "function" && h1.set(s, H), H;
+                  if (P--, L--, L < 0 || b[P] !== k[L]) {
+                    var K = `
+` + b[P].replace(" at new ", " at ");
+                    return s.displayName && K.includes("<anonymous>") && (K = K.replace("<anonymous>", s.displayName)), typeof s == "function" && g1.set(s, K), K;
                   }
-                while ($ >= 1 && L >= 0);
+                while (P >= 1 && L >= 0);
               break;
             }
         }
       } finally {
-        R1 = !1, y1.current = T, H3(), Error.prepareStackTrace = E;
+        R1 = !1, y1.current = T, F3(), Error.prepareStackTrace = E;
       }
-      var n1 = s ? s.displayName || s.name : "", N = n1 ? v1(n1) : "";
-      return typeof s == "function" && h1.set(s, N), N;
+      var n1 = s ? s.displayName || s.name : "", Q = n1 ? h1(n1) : "";
+      return typeof s == "function" && g1.set(s, Q), Q;
     }
     function q3(s, i, v) {
       return X1(s, !1);
@@ -1063,59 +1076,59 @@ function Ve() {
       var i = s.prototype;
       return !!(i && i.isReactComponent);
     }
-    function g1(s, i, v) {
+    function f1(s, i, v) {
       if (s == null)
         return "";
       if (typeof s == "function")
         return X1(s, G3(s));
       if (typeof s == "string")
-        return v1(s);
+        return h1(s);
       switch (s) {
         case f:
-          return v1("Suspense");
+          return h1("Suspense");
         case d:
-          return v1("SuspenseList");
+          return h1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case h:
             return q3(s.render);
-          case A:
-            return g1(s.type, i, v);
-          case F: {
-            var m = s, E = m._payload, T = m._init;
+          case $:
+            return f1(s.type, i, v);
+          case H: {
+            var p = s, E = p._payload, T = p._init;
             try {
-              return g1(T(E), i, v);
+              return f1(T(E), i, v);
             } catch {
             }
           }
         }
       return "";
     }
-    var c1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
-    function f1(s) {
+    var r1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = C.ReactDebugCurrentFrame;
+    function w1(s) {
       if (s) {
-        var i = s._owner, v = g1(s.type, s._source, i ? i.type : null);
+        var i = s._owner, v = f1(s.type, s._source, i ? i.type : null);
         N1.setExtraStackFrame(v);
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(s, i, v, m, E) {
+    function Y3(s, i, v, p, E) {
       {
-        var T = Function.call.bind(c1);
-        for (var y in s)
-          if (T(s, y)) {
-            var j = void 0;
+        var T = Function.call.bind(r1);
+        for (var I in s)
+          if (T(s, I)) {
+            var b = void 0;
             try {
-              if (typeof s[y] != "function") {
-                var O = Error((m || "React class") + ": " + v + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw O.name = "Invariant Violation", O;
+              if (typeof s[I] != "function") {
+                var k = Error((p || "React class") + ": " + v + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw k.name = "Invariant Violation", k;
               }
-              j = s[y](i, y, m, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch ($) {
-              j = $;
+              b = s[I](i, I, p, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (P) {
+              b = P;
             }
-            j && !(j instanceof Error) && (f1(E), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", m || "React class", v, y, typeof j), f1(null)), j instanceof Error && !(j.message in Q1) && (Q1[j.message] = !0, f1(E), x("Failed %s type: %s", v, j.message), f1(null));
+            b && !(b instanceof Error) && (w1(E), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", v, I, typeof b), w1(null)), b instanceof Error && !(b.message in Q1) && (Q1[b.message] = !0, w1(E), x("Failed %s type: %s", v, b.message), w1(null));
           }
       }
     }
@@ -1143,14 +1156,14 @@ function Ve() {
       if (X3(s))
         return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), e3(s);
     }
-    var n3 = b.ReactCurrentOwner, Q3 = {
+    var n3 = C.ReactCurrentOwner, Q3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, o3, s3;
     function N3(s) {
-      if (c1.call(s, "ref")) {
+      if (r1.call(s, "ref")) {
         var i = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (i && i.isReactWarning)
           return !1;
@@ -1158,7 +1171,7 @@ function Ve() {
       return s.ref !== void 0;
     }
     function e2(s) {
-      if (c1.call(s, "key")) {
+      if (r1.call(s, "key")) {
         var i = Object.getOwnPropertyDescriptor(s, "key").get;
         if (i && i.isReactWarning)
           return !1;
@@ -1190,57 +1203,57 @@ function Ve() {
         });
       }
     }
-    var s2 = function(s, i, v, m, E, T, y) {
-      var j = {
+    var s2 = function(s, i, v, p, E, T, I) {
+      var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: s,
         key: i,
         ref: v,
-        props: y,
+        props: I,
         // Record the component responsible for creating this element.
         _owner: T
       };
-      return j._store = {}, Object.defineProperty(j._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(j, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: m
-      }), Object.defineProperty(j, "_source", {
+        value: p
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function c2(s, i, v, m, E) {
+    function c2(s, i, v, p, E) {
       {
-        var T, y = {}, j = null, O = null;
-        v !== void 0 && (t3(v), j = "" + v), e2(i) && (t3(i.key), j = "" + i.key), N3(i) && (O = i.ref, t2(i, E));
+        var T, I = {}, b = null, k = null;
+        v !== void 0 && (t3(v), b = "" + v), e2(i) && (t3(i.key), b = "" + i.key), N3(i) && (k = i.ref, t2(i, E));
         for (T in i)
-          c1.call(i, T) && !Q3.hasOwnProperty(T) && (y[T] = i[T]);
+          r1.call(i, T) && !Q3.hasOwnProperty(T) && (I[T] = i[T]);
         if (s && s.defaultProps) {
-          var $ = s.defaultProps;
-          for (T in $)
-            y[T] === void 0 && (y[T] = $[T]);
+          var P = s.defaultProps;
+          for (T in P)
+            I[T] === void 0 && (I[T] = P[T]);
         }
-        if (j || O) {
+        if (b || k) {
           var L = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          j && n2(y, L), O && o2(y, L);
+          b && n2(I, L), k && o2(I, L);
         }
-        return s2(s, j, O, E, m, n3.current, y);
+        return s2(s, b, k, E, p, n3.current, I);
       }
     }
-    var T1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
+    var T1 = C.ReactCurrentOwner, c3 = C.ReactDebugCurrentFrame;
     function t1(s) {
       if (s) {
-        var i = s._owner, v = g1(s.type, s._source, i ? i.type : null);
+        var i = s._owner, v = f1(s.type, s._source, i ? i.type : null);
         c3.setExtraStackFrame(v);
       } else
         c3.setExtraStackFrame(null);
@@ -1287,8 +1300,8 @@ Check the top-level render call using <` + v + ">.");
         if (l3[v])
           return;
         l3[v] = !0;
-        var m = "";
-        s && s._owner && s._owner !== T1.current && (m = " It was passed a child from " + J(s._owner.type) + "."), t1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', v, m), t1(null);
+        var p = "";
+        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), t1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', v, p), t1(null);
       }
     }
     function a3(s, i) {
@@ -1297,16 +1310,16 @@ Check the top-level render call using <` + v + ">.");
           return;
         if (E1(s))
           for (var v = 0; v < s.length; v++) {
-            var m = s[v];
-            _1(m) && i3(m, i);
+            var p = s[v];
+            _1(p) && i3(p, i);
           }
         else if (_1(s))
           s._store && (s._store.validated = !0);
         else if (s) {
           var E = S(s);
           if (typeof E == "function" && E !== s.entries)
-            for (var T = E.call(s), y; !(y = T.next()).done; )
-              _1(y.value) && i3(y.value, i);
+            for (var T = E.call(s), I; !(I = T.next()).done; )
+              _1(I.value) && i3(I.value, i);
         }
       }
     }
@@ -1320,13 +1333,13 @@ Check the top-level render call using <` + v + ">.");
           v = i.propTypes;
         else if (typeof i == "object" && (i.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        i.$$typeof === A))
+        i.$$typeof === $))
           v = i.propTypes;
         else
           return;
         if (v) {
-          var m = J(i);
-          Y3(v, s.props, "prop", m, s);
+          var p = J(i);
+          Y3(v, s.props, "prop", p, s);
         } else if (i.PropTypes !== void 0 && !D1) {
           D1 = !0;
           var E = J(i);
@@ -1338,9 +1351,9 @@ Check the top-level render call using <` + v + ">.");
     function a2(s) {
       {
         for (var i = Object.keys(s.props), v = 0; v < i.length; v++) {
-          var m = i[v];
-          if (m !== "children" && m !== "key") {
-            t1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), t1(null);
+          var p = i[v];
+          if (p !== "children" && p !== "key") {
+            t1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), t1(null);
             break;
           }
         }
@@ -1348,45 +1361,45 @@ Check the top-level render call using <` + v + ">.");
       }
     }
     var u3 = {};
-    function d3(s, i, v, m, E, T) {
+    function d3(s, i, v, p, E, T) {
       {
-        var y = b1(s);
-        if (!y) {
-          var j = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var O = r2();
-          O ? j += O : j += r3();
-          var $;
-          s === null ? $ = "null" : E1(s) ? $ = "array" : s !== void 0 && s.$$typeof === t ? ($ = "<" + (J(s.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, j);
+        var I = b1(s);
+        if (!I) {
+          var b = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var k = r2();
+          k ? b += k : b += r3();
+          var P;
+          s === null ? P = "null" : E1(s) ? P = "array" : s !== void 0 && s.$$typeof === t ? (P = "<" + (J(s.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : P = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, b);
         }
         var L = c2(s, i, v, E, T);
         if (L == null)
           return L;
-        if (y) {
-          var H = i.children;
-          if (H !== void 0)
-            if (m)
-              if (E1(H)) {
-                for (var n1 = 0; n1 < H.length; n1++)
-                  a3(H[n1], s);
-                Object.freeze && Object.freeze(H);
+        if (I) {
+          var K = i.children;
+          if (K !== void 0)
+            if (p)
+              if (E1(K)) {
+                for (var n1 = 0; n1 < K.length; n1++)
+                  a3(K[n1], s);
+                Object.freeze && Object.freeze(K);
               } else
                 x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              a3(H, s);
+              a3(K, s);
         }
-        if (c1.call(i, "key")) {
-          var N = J(s), V = Object.keys(i).filter(function(f2) {
+        if (r1.call(i, "key")) {
+          var Q = J(s), V = Object.keys(i).filter(function(f2) {
             return f2 !== "key";
-          }), A1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!u3[N + A1]) {
+          }), $1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[Q + $1]) {
             var g2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             x(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, A1, N, g2, N), u3[N + A1] = !0;
+  <%s key={someKey} {...props} />`, $1, Q, g2, Q), u3[Q + $1] = !0;
           }
         }
         return s === c ? a2(L) : i2(L), L;
@@ -1399,20 +1412,20 @@ React keys must be passed directly to JSX without using spread:
       return d3(s, i, v, !1);
     }
     var v2 = d2, h2 = u2;
-    i1.Fragment = c, i1.jsx = v2, i1.jsxs = h2;
-  })()), i1;
+    a1.Fragment = c, a1.jsx = v2, a1.jsxs = h2;
+  })()), a1;
 }
-var m3;
+var p3;
 function Ue() {
-  return m3 || (m3 = 1, process.env.NODE_ENV === "production" ? m1.exports = We() : m1.exports = Ve()), m1.exports;
+  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? M1.exports = We() : M1.exports = Ve()), M1.exports;
 }
 var n = Ue();
-const Fe = "_mwfit_ppa3l_1", He = {
-  mwfit: Fe
+const He = "_mwfit_ppa3l_1", Fe = {
+  mwfit: He
 }, Ke = () => {
-  const { reconnect: e } = I(), t = I3(), o = Me(), c = xe();
+  const { reconnect: e } = y(), t = I3(), o = Me(), c = xe();
   return /* @__PURE__ */ n.jsxs("div", { className: "vh-100 d-flex flex-column flex-grow-1 justify-content-center align-items-center gap-5 ", children: [
-    /* @__PURE__ */ n.jsxs("div", { className: `${He.mwfit} mx-auto text-center`, children: [
+    /* @__PURE__ */ n.jsxs("div", { className: `${Fe.mwfit} mx-auto text-center`, children: [
       t === void 0 ? /* @__PURE__ */ n.jsx("h2", { children: "Connecting..." }) : /* @__PURE__ */ n.jsx("h2", { children: "Disconnected" }),
       o && /* @__PURE__ */ n.jsx("h5", { className: "mt-1", children: o })
     ] }),
@@ -1426,31 +1439,31 @@ const Fe = "_mwfit_ppa3l_1", He = {
   reconnect: () => null
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
-  x1(() => {
-    t(O3());
+  Z1(() => {
+    t(B3());
   }, [t]);
-  const c = r1(
+  const c = l1(
     (h, f) => {
-      t(Ae(h, f));
+      t($e(h, f));
     },
     [t]
-  ), r = r1(
+  ), r = l1(
     (h, f) => {
       c(h, { value: f });
     },
     [c]
-  ), l = r1(
+  ), l = l1(
     (h, f, d) => {
-      t($e(h, f, d));
+      t(Pe(h, f, d));
     },
     [t]
-  ), u = r1(
+  ), a = l1(
     (h, f) => {
       t(Le(h, f));
     },
     [t]
-  ), g = r1(() => {
-    t(Pe());
+  ), g = l1(() => {
+    t(Ae());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
     k3.Provider,
@@ -1459,14 +1472,14 @@ const Fe = "_mwfit_ppa3l_1", He = {
         sendMessage: c,
         sendSimpleMessage: r,
         addEventHandler: l,
-        removeEventHandler: u,
+        removeEventHandler: a,
         reconnect: g
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
   );
 }, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: ke, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
-function I() {
+function y() {
   return b2(k3);
 }
 function Ge({
@@ -1476,17 +1489,17 @@ function Ge({
   onPressedButNotHeld: c,
   holdTimeMs: r = 500
 }) {
-  const l = u1(null), u = u1(!1), g = u1(!1);
+  const l = d1(null), a = d1(!1), g = d1(!1);
   function h() {
-    u.current = !0, g.current = !1, e == null || e(), l.current = setTimeout(() => {
+    a.current = !0, g.current = !1, e == null || e(), l.current = setTimeout(() => {
       g.current = !0, o == null || o(), l.current = null;
     }, r);
   }
   function f() {
-    u.current = !1, t == null || t(), l.current && (clearTimeout(l.current), l.current = null, g.current || c == null || c());
+    a.current = !1, t == null || t(), l.current && (clearTimeout(l.current), l.current = null, g.current || c == null || c());
   }
   function d() {
-    u.current && f();
+    a.current && f();
   }
   return {
     onPointerDown: h,
@@ -1495,36 +1508,36 @@ function Ge({
   };
 }
 function w(e, t) {
-  const { sendMessage: c } = I(), r = u1(null);
+  const { sendMessage: c } = y(), r = d1(null);
   function l() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
     }, 250));
   }
-  function u() {
+  function a() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return Ge({ onPress: l, onRelease: u });
+  return Ge({ onPress: l, onRelease: a });
 }
-function j1(e) {
-  const { sendMessage: t } = I(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
-  return X(() => ({
+function C1(e) {
+  const { sendMessage: t } = y(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
+  return N(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function V6(e) {
-  const { sendMessage: t } = I(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
-  return X(() => ({
+  const { sendMessage: t } = y(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
+  return N(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = I(), r = j1(e);
-  return X(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = y(), r = C1(e);
+  return N(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1543,8 +1556,8 @@ function W3(e, t) {
   }, [r, t, e, o, c]);
 }
 function U6(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = I(), r = j1(e);
-  return X(() => !r || !t ? void 0 : {
+  const { sendMessage: o, sendSimpleMessage: c } = y(), r = C1(e);
+  return N(() => !r || !t ? void 0 : {
     ...r,
     volumeState: t,
     setLevel: (h) => c(`${e}/level`, h),
@@ -1553,30 +1566,31 @@ function U6(e, t) {
   }, [r, t, e, o, c]);
 }
 function Ye(e) {
-  const t = D(e), o = `/device/${e}`, c = X(() => {
+  const t = D(e), o = `/device/${e}`, c = N(() => {
     if (t)
       return t.volume;
   }, [t]);
   return W3(o, c);
 }
 function V3(e) {
-  const { sendMessage: t } = I();
+  var a;
+  const { sendMessage: t } = y(), o = (a = D(e)) == null ? void 0 : a.powerState;
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
     t(`/device/${e}/powerOff`, null);
   }, powerToggle: () => {
     t(`/device/${e}/powerToggle`, null);
-  } };
+  }, powerState: o };
 }
 function k1(e) {
-  const { sendMessage: t } = I(), o = D(e);
+  const { sendMessage: t } = y(), o = D(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function ze(e) {
-  const { sendMessage: t } = I(), o = D(e), c = () => {
+  const { sendMessage: t } = y(), o = D(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
@@ -1586,20 +1600,20 @@ function ze(e) {
   };
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
-function F6(e) {
-  const t = D(e), o = V3(e), c = k1(e), r = k1(e), l = Ye(e), u = ze(e);
+function H6(e) {
+  const t = D(e), o = V3(e), c = k1(e), r = k1(e), l = Ye(e), a = ze(e);
   if (t)
     return {
       avrState: t,
       powerControl: o,
       inputControl: c,
       surroundSoundModes: r,
-      surroundChannels: u,
+      surroundChannels: a,
       mainVolumeControl: l
     };
 }
-function H6(e) {
-  const { sendMessage: t } = I(), o = `/device/${e}`, c = D(e), r = w(o, "cameraUp"), l = w(o, "cameraDown"), u = w(o, "cameraLeft"), g = w(o, "cameraRight"), h = w(o, "cameraZoomIn"), f = w(o, "cameraZoomOut"), d = (A) => t("/camera/recallPreset", A);
+function F6(e) {
+  const { sendMessage: t } = y(), o = `/device/${e}`, c = D(e), r = w(o, "cameraUp"), l = w(o, "cameraDown"), a = w(o, "cameraLeft"), g = w(o, "cameraRight"), h = w(o, "cameraZoomIn"), f = w(o, "cameraZoomOut"), d = ($) => t("/camera/recallPreset", $);
   if (c)
     return {
       state: c,
@@ -1607,14 +1621,14 @@ function H6(e) {
       zoomOut: f,
       up: r,
       down: l,
-      left: u,
+      left: a,
       right: g,
       recallPreset: d
     };
 }
 const K6 = ({ className: e }) => {
   const [t, o] = Y();
-  return x1(() => {
+  return Z1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       o(c);
@@ -1625,11 +1639,11 @@ const K6 = ({ className: e }) => {
   ] });
 };
 function q6(e) {
-  const { sendMessage: t } = I(), o = D(e), c = `/device/${e}`;
-  return o ? { state: o, recallPreset: (u, g) => {
-    t(`${c}/presets/recall`, { deviceKey: u, preset: g });
-  }, savePresets: (u) => {
-    t(`${c}/presets/save`, u);
+  const { sendMessage: t } = y(), o = D(e), c = `/device/${e}`;
+  return o ? { state: o, recallPreset: (a, g) => {
+    t(`${c}/presets/recall`, { deviceKey: a, preset: g });
+  }, savePresets: (a) => {
+    t(`${c}/presets/save`, a);
   } } : void 0;
 }
 function G6(e) {
@@ -1638,49 +1652,31 @@ function G6(e) {
     return { endpointState: t };
 }
 function Y6(e) {
-  const t = D(e);
-  if (t)
-    return {
-      state: t
-    };
+  const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown"), r = w(t, "lastChan"), l = w(t, "guide"), a = w(t, "info"), g = w(t, "exit");
+  return { channelUp: o, channelDown: c, lastChannel: r, guide: l, info: a, exit: g };
 }
 function z6(e) {
-  const { sendMessage: t } = I(), o = D(e), c = X(() => {
-    const r = `/device/${e}`;
-    return { setEntry: (u, g, h) => t(`${r}/setEntry`, { index: u, name: g, number: h }) };
-  }, [e, t]);
-  if (o)
-    return {
-      phonebookEntries: o.phonebookEntries ?? [],
-      ...c
-    };
-}
-function J6(e) {
-  const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown"), r = w(t, "lastChan"), l = w(t, "guide"), u = w(t, "info"), g = w(t, "exit");
-  return { channelUp: o, channelDown: c, lastChannel: r, guide: l, info: u, exit: g };
-}
-function X6(e) {
   const t = `/device/${e}`, o = w(t, "red"), c = w(t, "green"), r = w(t, "yellow"), l = w(t, "blue");
   return { red: o, green: c, yellow: r, blue: l };
 }
-function Q6(e) {
+function J6(e) {
   const t = D(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
-function N6(e) {
+function X6(e) {
   const t = D(e);
   if (t)
     return t.deviceInfo || void 0;
 }
-function et(e) {
-  const t = `/device/${e}`, o = w(t, "up"), c = w(t, "down"), r = w(t, "left"), l = w(t, "right"), u = w(t, "select"), g = w(t, "menu"), h = w(t, "exit");
-  return { up: o, down: c, left: r, right: l, select: u, menu: g, exit: h };
+function Q6(e) {
+  const t = `/device/${e}`, o = w(t, "up"), c = w(t, "down"), r = w(t, "left"), l = w(t, "right"), a = w(t, "select"), g = w(t, "menu"), h = w(t, "exit");
+  return { up: o, down: c, left: r, right: l, select: a, menu: g, exit: h };
 }
-function tt(e) {
-  const { sendMessage: t } = I();
+function N6(e) {
+  const { sendMessage: t } = y();
   return { recallPreset: (c) => {
     t(
       `/device/${e}/recallPreset`,
@@ -1688,12 +1684,12 @@ function tt(e) {
     );
   } };
 }
-function nt(e) {
+function et(e) {
   const t = `/device/${e}`, o = w(t, "dvrList"), c = w(t, "record");
   return { dvrList: o, record: c };
 }
-function ot(e) {
-  const { sendMessage: t } = I(), o = D(e);
+function tt(e) {
+  const { sendMessage: t } = y(), o = D(e);
   return o ? { roomCombinerState: o, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1706,8 +1702,30 @@ function ot(e) {
     t(`/device/${e}/setRoomCombinationScenario`, h);
   } } : void 0;
 }
+function nt(e) {
+  var a;
+  const { sendMessage: t } = y(), o = (a = D(e)) == null ? void 0 : a.cameraIsMuted, c = () => {
+    t(`/device/${e}/cameraMuteOn`, null);
+  }, r = () => {
+    t(`/device/${e}/cameraMuteOff`, null);
+  }, l = () => {
+    t(`/device/${e}/cameraMuteToggle`, null);
+  };
+  if (o)
+    return { cameraMuteOn: c, cameraMuteOff: r, cameraMuteToggle: l, cameraIsMuted: o };
+}
+function ot(e) {
+  var l;
+  const { sendMessage: t } = y(), o = (l = D(e)) == null ? void 0 : l.presets, c = (a) => {
+    t(`/device/${e}/recallPreset`, a);
+  }, r = (a) => {
+    t(`/device/${e}/savePreset`, a);
+  };
+  if (o)
+    return { recallPreset: c, savePreset: r, presets: o };
+}
 function st(e) {
-  const { sendMessage: t } = I(), o = `/device/${e}`, c = D(e);
+  const { sendMessage: t } = y(), o = `/device/${e}`, c = D(e);
   return c ? {
     state: c,
     selectCamera: (l) => {
@@ -1716,12 +1734,12 @@ function st(e) {
   } : void 0;
 }
 function ct(e) {
-  const { sendMessage: t } = I(), o = D(e);
-  return X(() => o ? {
+  const { sendMessage: t } = y(), o = D(e);
+  return N(() => o ? {
     state: o,
-    dial: (u) => t(`/device/${e}/dial`, { value: u }),
+    dial: (a) => t(`/device/${e}/dial`, { value: a }),
     endAllCalls: () => t(`/device/${e}/endAllCalls`, null),
-    sendDtmf: (u) => t(`/device/${e}/dtmf`, { value: u })
+    sendDtmf: (a) => t(`/device/${e}/dtmf`, { value: a })
   } : void 0, [e, t, o]);
 }
 function rt(e) {
@@ -1730,52 +1748,52 @@ function rt(e) {
     return { state: t };
 }
 function lt(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = I(), c = D(e), r = ne(e), l = c || r;
+  const { sendMessage: t, sendSimpleMessage: o } = y(), c = D(e), r = ne(e), l = c || r;
   return l ? {
     levelState: l,
-    setLevel: (d, A) => o(`${d}/level`, A),
+    setLevel: (d, $) => o(`${d}/level`, $),
     muteToggle: (d) => t(`${d}/muteToggle`, null),
     muteOn: (d) => t(`${d}/muteOn`, null),
     muteOff: (d) => t(`${d}/muteOff`, null)
   } : void 0;
 }
 function it(e) {
-  const { sendMessage: t } = I(), o = D(e);
+  const { sendMessage: t } = y(), o = D(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
 function at(e) {
-  const { sendMessage: t } = I(), o = D(e);
+  const { sendMessage: t } = y(), o = D(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
 function ut(e) {
-  const { sendMessage: t } = I();
+  const { sendMessage: t } = y();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
 function dt(e) {
-  const t = `/device/${e}`, o = w(t, "num0"), c = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), u = w(t, "num4"), g = w(t, "num5"), h = w(t, "num6"), f = w(t, "num7"), d = w(t, "num8"), A = w(t, "num9"), F = w(t, "numDash"), a = w(t, "numEnter");
+  const t = `/device/${e}`, o = w(t, "num0"), c = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), a = w(t, "num4"), g = w(t, "num5"), h = w(t, "num6"), f = w(t, "num7"), d = w(t, "num8"), $ = w(t, "num9"), H = w(t, "numDash"), u = w(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
     digit2: r,
     digit3: l,
-    digit4: u,
+    digit4: a,
     digit5: g,
     digit6: h,
     digit7: f,
     digit8: d,
-    digit9: A,
-    keypadAccessoryButton1: F,
-    keypadAccessoryButton2: a
+    digit9: $,
+    keypadAccessoryButton1: H,
+    keypadAccessoryButton2: u
   };
 }
 function vt(e) {
-  const { sendMessage: t } = I(), o = D(e);
+  const { sendMessage: t } = y(), o = D(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
@@ -1783,35 +1801,35 @@ function vt(e) {
   } } : void 0;
 }
 function ht(e) {
-  const { sendMessage: t } = I(), o = S1(e);
+  const { sendMessage: t } = y(), o = j1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
 function gt(e) {
-  const { sendMessage: t } = I();
+  const { sendMessage: t } = y();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
 function ft(e) {
-  const { sendMessage: t } = I();
+  const { sendMessage: t } = y();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
 function wt(e) {
-  const { sendMessage: t } = I();
+  const { sendMessage: t } = y();
   return { routingState: D(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
-function pt(e) {
+function mt(e) {
   const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown");
   return { dvrList: o, replay: c };
 }
-function mt(e) {
-  const { sendMessage: t } = I(), o = D(e);
+function pt(e) {
+  const { sendMessage: t } = y(), o = D(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1821,7 +1839,7 @@ function mt(e) {
   } } : void 0;
 }
 function Mt(e) {
-  const { sendMessage: t } = I(), o = S1(e);
+  const { sendMessage: t } = y(), o = j1(e);
   return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (g) => {
     t(`/room/${e}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
@@ -1833,7 +1851,7 @@ function Mt(e) {
   } } : void 0;
 }
 function xt(e) {
-  const { sendMessage: t } = I(), o = D(e);
+  const { sendMessage: t } = y(), o = D(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
@@ -1841,19 +1859,19 @@ function xt(e) {
   } } : void 0;
 }
 function Zt(e) {
-  const { sendMessage: t } = I(), o = S1(e);
+  const { sendMessage: t } = y(), o = j1(e);
   return o ? { techPasswordState: o, validatePassword: (l) => {
     t(`/room/${e}/validateTechPassword`, { password: l });
-  }, setPassword: (l, u) => {
-    t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: u });
+  }, setPassword: (l, a) => {
+    t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: a });
   } } : void 0;
 }
 function St(e) {
-  const { sendMessage: t } = I(), o = D(e);
+  const { sendMessage: t } = y(), o = D(e);
   return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
 function jt(e) {
-  const { sendMessage: t } = I(), o = D(e), c = (r) => {
+  const { sendMessage: t } = y(), o = D(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1862,20 +1880,20 @@ function jt(e) {
   };
 }
 function Ct(e) {
-  const t = `/device/${e}`, o = w(t, "play"), c = w(t, "pause"), r = w(t, "stop"), l = w(t, "prevTrack"), u = w(t, "nextTrack"), g = w(t, "rewind"), h = w(t, "ffwd"), f = w(t, "record");
+  const t = `/device/${e}`, o = w(t, "play"), c = w(t, "pause"), r = w(t, "stop"), l = w(t, "prevTrack"), a = w(t, "nextTrack"), g = w(t, "rewind"), h = w(t, "ffwd"), f = w(t, "record");
   return {
     play: o,
     pause: c,
     stop: r,
     prevTrack: l,
-    nextTrack: u,
+    nextTrack: a,
     rewind: g,
     fastForward: h,
     record: f
   };
 }
 function bt(e) {
-  const t = D(e), { sendMessage: o } = I();
+  const t = D(e), { sendMessage: o } = y();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1903,13 +1921,13 @@ function yt(e) {
 }
 function It(e) {
   const t = `/device/${e}`;
-  return j1(t);
+  return C1(t);
 }
 const Rt = ({
   config: e
 }, t = !0) => {
-  const { sendMessage: o } = I(), c = u1(!1), r = X(() => {
-    var u, g, h, f;
+  const { sendMessage: o } = y(), c = d1(!1), r = N(() => {
+    var a, g, h, f;
     if (!e)
       return;
     const l = /* @__PURE__ */ new Set();
@@ -1917,7 +1935,7 @@ const Rt = ({
       l.add(d);
     }), e.destinationList && Object.values(e.destinationList).forEach((d) => {
       l.add(d.sinkKey);
-    }), e.audioControlPointList && Object.values((u = e.audioControlPointList) == null ? void 0 : u.levelControls).forEach(
+    }), e.audioControlPointList && Object.values((a = e.audioControlPointList) == null ? void 0 : a.levelControls).forEach(
       (d) => {
         d.itemKey ? l.add(d.parentDeviceKey + "--" + d.itemKey) : l.add(d.parentDeviceKey);
       }
@@ -1934,7 +1952,7 @@ const Rt = ({
         d.sourceKey && d.sourceKey !== "$off" && l.add(d.sourceKey);
     return l;
   }, [e]);
-  return x1(() => {
+  return Z1(() => {
     !t || !r || r.size === 0 || c.current || (console.log("requesting state for deviceKeys:", r), r.forEach((l) => {
       o(`/device/${l}/fullStatus`, { deviceKey: l });
     }), c.current = !0);
@@ -1943,16 +1961,16 @@ const Rt = ({
 function Et(e, t) {
   const [o, c] = Y(!1), [r, l] = Y(!1);
   return Z3(() => {
-    const { current: u } = e, g = () => {
-      const h = u && u.scrollHeight > u.clientHeight, f = u && u.scrollWidth > u.clientWidth;
+    const { current: a } = e, g = () => {
+      const h = a && a.scrollHeight > a.clientHeight, f = a && a.scrollWidth > a.clientWidth;
       l(h ?? !1), c(f ?? !1), t && t(h ?? !1, f ?? !1);
     };
-    u && g();
+    a && g();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
 function Tt(e, t) {
   const o = `/room/${e}/volumes/${t}`;
-  return j1(o);
+  return C1(o);
 }
 function Dt(e, t) {
   const o = te(e, t), c = `/room/${e}/volumes/${t}`;
@@ -1963,7 +1981,7 @@ function _t(e) {
   const [t, o] = Y(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = Y(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), l = (f) => {
     const { current: d } = e;
     d && (console.log(d.scrollLeft), d.scrollLeft += f, console.log(d.scrollLeft));
-  }, u = (f) => {
+  }, a = (f) => {
     const { current: d } = e;
     d && (console.log(d.scrollTop), d.scrollTop += f, console.log(d.scrollTop));
   };
@@ -1972,18 +1990,18 @@ function _t(e) {
       o((f == null ? void 0 : f.scrollLeft) ?? 0), r((f == null ? void 0 : f.scrollTop) ?? 0);
     };
     f && d();
-  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: l, scrollVertical: u };
+  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: l, scrollVertical: a };
 }
-function At(e) {
+function $t(e) {
   const t = W1();
   return [() => {
-    t(k.addSyncState(e));
+    t(W.addSyncState(e));
   }, () => {
-    t(k.removeSyncState(e));
+    t(W.removeSyncState(e));
   }, Ze(e)];
 }
-function $t() {
-  const { sendMessage: e } = I();
+function Pt() {
+  const { sendMessage: e } = y();
   return {
     reboot: () => {
       e("/system/reboot", null);
@@ -2000,7 +2018,7 @@ function Lt() {
     const l = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(l);
   }
-  return x1(() => {
+  return Z1(() => {
     r();
     const l = setInterval(() => {
       r();
@@ -2008,7 +2026,7 @@ function Lt() {
     return () => clearInterval(l);
   }, []), { date: e, time: o };
 }
-const Pt = () => {
+const At = () => {
   const [e, t] = Y(!1), o = y2(), c = I2();
   let r;
   return R2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ n.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
@@ -2042,30 +2060,30 @@ const Pt = () => {
   className: c,
   iconClassName: r = "",
   otherContentClassName: l = "",
-  disabled: u,
+  disabled: a,
   feedback: g,
   feedbackClassName: h,
   onPointerDown: f,
   onPointerUp: d,
-  onPointerLeave: A,
-  ...F
+  onPointerLeave: $,
+  ...H
 }) => {
-  const [a, Z] = Y(!1), C = !u && g ? h : "", S = !u && (a || g);
+  const [u, Z] = Y(!1), j = !a && g ? h : "", S = !a && (u || g);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${L1.iconbtn} ${o ? L1.iconbtnvert : ""} ${c} ${C}`,
-      ...F,
-      disabled: u,
-      onPointerDown: (b) => {
-        Z(!0), f == null || f(b);
+      className: `${L1.iconbtn} ${o ? L1.iconbtnvert : ""} ${c} ${j}`,
+      ...H,
+      disabled: a,
+      onPointerDown: (C) => {
+        Z(!0), f == null || f(C);
       },
-      onPointerUp: (b) => {
-        Z(!1), d == null || d(b);
+      onPointerUp: (C) => {
+        Z(!1), d == null || d(C);
       },
-      onPointerLeave: (b) => {
-        Z(!1), A == null || A(b);
+      onPointerLeave: (C) => {
+        Z(!1), $ == null || $(C);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
@@ -2073,7 +2091,7 @@ const Pt = () => {
           {
             className: `${r || L1.iconsm}`,
             active: S,
-            disabled: u
+            disabled: a
           }
         ),
         l ? /* @__PURE__ */ n.jsx("div", { className: l, children: t }) : /* @__PURE__ */ n.jsx("div", { children: t })
@@ -2924,7 +2942,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), p8 = ({
+), m8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -2973,7 +2991,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), m8 = ({
+), p8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3286,7 +3304,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), Bt = ({
+), Ot = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -3712,8 +3730,8 @@ const Pt = () => {
   Moon: g8,
   Playstation: f8,
   Podium: w8,
-  Power: p8,
-  Privacy: m8,
+  Power: m8,
+  Privacy: p8,
   Question: M8,
   RightArrow: x8,
   RoomPC: Z8,
@@ -3727,7 +3745,7 @@ const Pt = () => {
   X: E8,
   Xbox: T8
 };
-function Ot({
+function Bt({
   name: e,
   iconsDictionary: t = _8,
   ...o
@@ -3735,32 +3753,32 @@ function Ot({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Ne, { multiIcon: c, ...o });
 }
-const A8 = "_grid_1cmpp_1", $8 = "_header_1cmpp_11", L8 = "_content_1cmpp_17", P8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", a1 = {
-  grid: A8,
-  header: $8,
+const $8 = "_grid_1cmpp_1", P8 = "_header_1cmpp_11", L8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", O8 = "_volume_1cmpp_29", u1 = {
+  grid: $8,
+  header: P8,
   content: L8,
-  footer: P8,
-  volume: B8
-}, kt = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: a1.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: a1.header, children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: a1.content, children: o }),
-  r && /* @__PURE__ */ n.jsx("div", { className: a1.volume, children: c }),
-  /* @__PURE__ */ n.jsx("div", { className: a1.footer, children: t })
-] }), O8 = "_grid_11w5q_1", k8 = "_header_11w5q_11", W8 = "_content_11w5q_17", M1 = {
-  grid: O8,
+  footer: A8,
+  volume: O8
+}, kt = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: u1.grid, children: [
+  /* @__PURE__ */ n.jsx("div", { className: u1.header, children: e }),
+  /* @__PURE__ */ n.jsx("div", { className: u1.content, children: o }),
+  r && /* @__PURE__ */ n.jsx("div", { className: u1.volume, children: c }),
+  /* @__PURE__ */ n.jsx("div", { className: u1.footer, children: t })
+] }), B8 = "_grid_11w5q_1", k8 = "_header_11w5q_11", W8 = "_content_11w5q_17", x1 = {
+  grid: B8,
   header: k8,
   content: W8
-}, Wt = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${M1.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: M1.header, children: t }),
-  c && /* @__PURE__ */ n.jsx("div", { className: M1.leftNav, children: c }),
-  /* @__PURE__ */ n.jsx("div", { className: M1.content, children: o })
-] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", F8 = "_content_1uwfo_17", P1 = {
+}, Wt = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${x1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: x1.header, children: t }),
+  c && /* @__PURE__ */ n.jsx("div", { className: x1.leftNav, children: c }),
+  /* @__PURE__ */ n.jsx("div", { className: x1.content, children: o })
+] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", H8 = "_content_1uwfo_17", A1 = {
   grid: V8,
   header: U8,
-  content: F8
-}, Vt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${P1.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: P1.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: P1.content, children: o })
+  content: H8
+}, Vt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${A1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: A1.header, children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: A1.content, children: o })
 ] });
 class Ut {
   constructor() {
@@ -3769,11 +3787,11 @@ class Ut {
     q(this, "isSharing");
   }
 }
-function Ft() {
+function Ht() {
   return console.log(location.pathname), location.pathname;
 }
-var H8 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(H8 || {});
-class Ht {
+var F8 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(F8 || {});
+class Ft {
   constructor(t, o) {
     q(this, "path");
     q(this, "handler");
@@ -3783,8 +3801,8 @@ class Ht {
 const Kt = "$off";
 export {
   K6 as Clock,
-  H8 as DaysOfWeek,
-  Pt as ErrorBox,
+  F8 as DaysOfWeek,
+  At as ErrorBox,
   Ne as IconButton,
   e8 as IconMultiAlert,
   t8 as IconMultiBan,
@@ -3804,14 +3822,14 @@ export {
   g8 as IconMultiMoon,
   f8 as IconMultiPlaystation,
   w8 as IconMultiPodium,
-  p8 as IconMultiPower,
-  m8 as IconMultiPrivacy,
+  m8 as IconMultiPower,
+  p8 as IconMultiPrivacy,
   M8 as IconMultiQuestion,
   x8 as IconMultiRightArrow,
   Z8 as IconMultiRoomPC,
   S8 as IconMultiShade,
   j8 as IconMultiSun,
-  Bt as IconMultiTemplate,
+  Ot as IconMultiTemplate,
   C8 as IconMultiUpArrow,
   b8 as IconMultiVolDown,
   y8 as IconMultiVolMute,
@@ -3820,24 +3838,24 @@ export {
   E8 as IconMultiX,
   T8 as IconMultiXbox,
   kt as MainLayout,
-  Ht as MessageHandler,
+  Ft as MessageHandler,
   W6 as MobileControlProvider,
   R as MultiStateIconContainer,
-  Ot as NamedIconButton,
+  Bt as NamedIconButton,
   Ut as ShareState,
   Wt as TechLayout,
   Vt as TechPinLayout,
   L3 as WS_ADD_EVENT_HANDLER,
   _3 as WS_CONNECT,
-  A3 as WS_DISCONNECT,
-  B3 as WS_RECONNECT,
-  P3 as WS_REMOVE_EVENT_HANDLER,
-  $3 as WS_SEND_MESSAGE,
+  $3 as WS_DISCONNECT,
+  O3 as WS_RECONNECT,
+  A3 as WS_REMOVE_EVENT_HANDLER,
+  P3 as WS_SEND_MESSAGE,
   k3 as WebsocketContext,
   T3 as appConfigActions,
-  Be as createWebSocketMiddleware,
-  w1 as devicesActions,
-  Ft as getBaseLocation,
+  Oe as createWebSocketMiddleware,
+  m1 as devicesActions,
+  Ht as getBaseLocation,
   f3 as httpClient,
   _8 as iconsDictionary,
   Kt as roomOffSourceKey,
@@ -3848,57 +3866,57 @@ export {
   E2 as selectAppConfig,
   ce as selectClientId,
   he as selectCurrentPopoverIdForGroup,
-  A2 as selectDeviceByKey,
+  $2 as selectDeviceByKey,
   b3 as selectDeviceInterfaceSupport,
   ve as selectDeviceSupportsInterface,
   fe as selectError,
   y3 as selectInterfacesForDevice,
-  me as selectIsSyncStateValuePresent,
+  pe as selectIsSyncStateValuePresent,
   de as selectIsTouchpanel,
   D2 as selectLogoPath,
   V1 as selectModalVisibility,
   _2 as selectPartnerMetadata,
   X2 as selectRoomAdvancedSharingActive,
   V2 as selectRoomAudioControlPointList,
-  P2 as selectRoomByKey,
+  A2 as selectRoomByKey,
   q2 as selectRoomCodecContentDestinationKey,
-  $2 as selectRoomConfiguration,
-  F2 as selectRoomDestinationList,
+  P2 as selectRoomConfiguration,
+  H2 as selectRoomDestinationList,
   U2 as selectRoomDestinations,
   ee as selectRoomDisplayStates,
-  H2 as selectRoomEnvironmentalDevices,
+  F2 as selectRoomEnvironmentalDevices,
   G2 as selectRoomInCall,
   z2 as selectRoomIsCoolingDown,
   J2 as selectRoomIsOn,
   Y2 as selectRoomIsWarmingUp,
   se as selectRoomKey,
   k2 as selectRoomLevelControls,
-  B2 as selectRoomName,
+  O2 as selectRoomName,
   K2 as selectRoomProgramAudioDestinationKey,
   Q2 as selectRoomShareState,
   W2 as selectRoomSourceList,
-  O2 as selectRoomVolume,
+  B2 as selectRoomVolume,
   L2 as selectRooms,
   ae as selectRuntimeInfo,
   ie as selectServerIsRunningOnProcessorHardware,
   ge as selectShowPopoverById,
   we as selectShowReconnect,
   re as selectSystemUuid,
-  pe as selectTheme,
+  me as selectTheme,
   ue as selectTouchpanelKey,
   le as selectUserCode,
   oe as selectWsIsConnected,
   N2 as selectZoomRoomControllerKey,
   ke as store,
-  k as uiActions,
+  W as uiActions,
   je as uiReducer,
   Q8 as useApiPath,
   X8 as useAppConfig,
   W1 as useAppDispatch,
-  p as useAppSelector,
-  F6 as useAvrControl,
+  m as useAppSelector,
+  H6 as useAvrControl,
   w as useButtonHeldHeartbeat,
-  H6 as useCameraBase,
+  F6 as useCameraBase,
   S6 as useClientId,
   It as useDeviceIBasicVolume,
   Ye as useDeviceIBasicVolumeWithFeedback,
@@ -3917,18 +3935,18 @@ export {
   s6 as useGetRoom,
   M6 as useGetRoomDisplayStates,
   x6 as useGetZoomRoomControllerKey,
-  Y6 as useIAudioCodecInfo,
-  z6 as useIAudioCodecPhonebook,
-  j1 as useIBasicVolume,
+  C1 as useIBasicVolume,
   W3 as useIBasicVolumeWithFeedback,
-  J6 as useIChannel,
-  X6 as useIColor,
-  Q6 as useICommunicationMonitor,
-  et as useIDPad,
-  N6 as useIDeviceInfoMessenger,
-  tt as useIDspPresets,
-  nt as useIDvr,
-  ot as useIEssentialsRoomCombiner,
+  Y6 as useIChannel,
+  z6 as useIColor,
+  J6 as useICommunicationMonitor,
+  Q6 as useIDPad,
+  X6 as useIDeviceInfoMessenger,
+  N6 as useIDspPresets,
+  et as useIDvr,
+  tt as useIEssentialsRoomCombiner,
+  nt as useIHasCameraMute,
+  ot as useIHasCameraPresets,
   st as useIHasCameras,
   ct as useIHasDialer,
   V3 as useIHasPowerControl,
@@ -3944,8 +3962,8 @@ export {
   gt as useIRunDefaultPresentRoute,
   ft as useIRunDirectRouteAction,
   wt as useIRunRouteAction,
-  pt as useISetTopBoxControls,
-  mt as useIShadesOpenCloseStop,
+  mt as useISetTopBoxControls,
+  pt as useIShadesOpenCloseStop,
   Mt as useIShutdownPromptTimer,
   xt as useISwitchedOutput,
   Zt as useITechPassword,
@@ -3961,7 +3979,7 @@ export {
   Et as useOverflow,
   e6 as usePartnerMetadata,
   Ge as usePressHoldRelease,
-  p6 as useRoomAdvancedSharingActive,
+  m6 as useRoomAdvancedSharingActive,
   l6 as useRoomAudioControlPointList,
   v6 as useRoomCodecContentDestinationKey,
   n6 as useRoomConfiguration,
@@ -3978,32 +3996,32 @@ export {
   ne as useRoomLevelControls,
   c6 as useRoomName,
   d6 as useRoomProgramAudioDestinationKey,
-  m6 as useRoomShareState,
+  p6 as useRoomShareState,
   r6 as useRoomSourceList,
-  S1 as useRoomState,
+  j1 as useRoomState,
   te as useRoomVolume,
   y6 as useRuntimeInfo,
   _t as useScroll,
   b6 as useServerIsRunningOnProcessorHardware,
-  A6 as useShowIncomingCallModal,
-  $6 as useShowModal,
-  P6 as useShowPopoverById,
+  $6 as useShowIncomingCallModal,
+  P6 as useShowModal,
+  A6 as useShowPopoverById,
   xe as useShowReconnect,
   _6 as useShowShutdownModal,
-  At as useStateIsSynced,
-  $t as useSystemControl,
+  $t as useStateIsSynced,
+  Pt as useSystemControl,
   j6 as useSystemUuid,
-  B6 as useTheme,
+  O6 as useTheme,
   Lt as useTimeAndDate,
   I6 as useTouchpanelKey,
   yt as useTwoWayDisplayBase,
   C6 as useUserCode,
-  I as useWebsocketContext,
+  y as useWebsocketContext,
   I3 as useWsIsConnected,
-  $e as wsAddEventHandler,
-  O3 as wsConnect,
-  O6 as wsDisconnect,
-  Pe as wsReconnect,
+  Pe as wsAddEventHandler,
+  B3 as wsConnect,
+  B6 as wsDisconnect,
+  Ae as wsReconnect,
   Le as wsRemoveEventHandler,
-  Ae as wsSendMessage
+  $e as wsSendMessage
 };