@pepperdash/mobile-control-react-app-core 1.12.0 → 1.13.0

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

@@ -1,11 +1,11 @@
 var J3 = Object.defineProperty;
 var X3 = (t, e, s) => e in t ? J3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var D = (t, e, s) => (X3(t, typeof e != "symbol" ? e + "" : e, s), s);
+var V = (t, e, s) => (X3(t, typeof e != "symbol" ? e + "" : e, s), s);
 import Q3, { AxiosError as N3 } from "axios";
 import { createSlice as d1, combineReducers as e2, configureStore as u3, createSelector as t2 } from "@reduxjs/toolkit";
 import { useSelector as o2, useDispatch as s2, Provider as n2 } from "react-redux";
 import * as d3 from "lodash";
-import h3, { createContext as c2, useState as H, useRef as u1, useCallback as r1, useEffect as t1, useContext as r2, useLayoutEffect as v3 } from "react";
+import h3, { createContext as r2, useState as H, useRef as u1, useCallback as c1, useEffect as t1, useContext as c2, useLayoutEffect as v3 } from "react";
 import { useNavigate as l2, useRouteError as i2, isRouteErrorResponse as a2 } from "react-router-dom";
 const u2 = {
   config: {
@@ -25,36 +25,36 @@ const u2 = {
       t.config = e.payload;
     }
   }
-}), d2 = g3.actions, h2 = g3.reducer, c3 = {}, f3 = d1({
+}), d2 = g3.actions, h2 = g3.reducer, r3 = {}, f3 = d1({
   name: "devices",
-  initialState: c3,
+  initialState: r3,
   reducers: {
     setDeviceState(t, e) {
-      const s = e.payload.type, c = s.slice(s.lastIndexOf("/") + 1);
-      if (!c)
+      const s = e.payload.type, r = s.slice(s.lastIndexOf("/") + 1);
+      if (!r)
         return;
-      const r = e.payload.content, i = t[c] ?? {}, u = d3.merge(i, r);
-      return t[c] = u, t;
+      const c = e.payload.content, u = t[r] ?? {}, i = d3.merge(u, c);
+      return t[r] = i, t;
     },
     clearDevices() {
-      return c3;
+      return r3;
     }
   }
-}), N = f3.actions, v2 = f3.reducer, r3 = {}, w3 = d1({
+}), N = f3.actions, v2 = f3.reducer, c3 = {}, w3 = d1({
   name: "rooms",
-  initialState: r3,
+  initialState: c3,
   reducers: {
     setRoomState(t, e) {
-      const s = e.payload.type, c = s.slice(s.lastIndexOf("/") + 1);
-      if (console.log(s, c), !c)
+      const s = e.payload.type, r = s.slice(s.lastIndexOf("/") + 1);
+      if (console.log(s, r), !r)
         return;
-      const r = e.payload.content;
-      console.log(r);
-      const i = t[c] ?? {}, u = d3.merge(i, r);
-      return t[c] = u, console.log(t), t;
+      const c = e.payload.content;
+      console.log(c);
+      const u = t[r] ?? {}, i = d3.merge(u, c);
+      return t[r] = i, console.log(t), t;
     },
     clearRooms() {
-      return r3;
+      return c3;
     }
   }
 }), e1 = w3.actions, g2 = w3.reducer, f2 = {
@@ -74,7 +74,14 @@ const u2 = {
     systemUuid: "",
     roomUuid: "",
     userAppUrl: "",
-    config: void 0,
+    config: {
+      runtimeInfo: {
+        pluginVersion: "",
+        essentialsVersion: "",
+        pepperDashCoreVersion: "",
+        essentialsPlugins: []
+      }
+    },
     userCode: "",
     qrUrl: ""
   }
@@ -162,7 +169,7 @@ const Y8 = (t) => p(
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.configuration : void 0;
   }
-), P1 = (t) => p(
+), A1 = (t) => p(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
 ), z8 = (t) => p(
   (e) => {
@@ -171,45 +178,45 @@ const Y8 = (t) => p(
   }
 ), j2 = (t, e) => p(
   (s) => {
-    var c;
-    return s.rooms[t] ? (c = s.rooms[t]) == null ? void 0 : c.volumes[e] : void 0;
+    var r;
+    return s.rooms[t] ? (r = s.rooms[t]) == null ? void 0 : r.volumes[e] : void 0;
   }
 ), C2 = (t) => p(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
 ), J8 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.sourceList : void 0;
+    var s, r;
+    return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.sourceList : void 0;
   }
 ), X8 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.levelControlList : void 0;
+    var s, r;
+    return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.audioControlPointList : void 0;
   }
 ), Q8 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinations : void 0;
+    var s, r;
+    return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinations : void 0;
   }
 ), N8 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinationList : void 0;
+    var s, r;
+    return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinationList : void 0;
   }
 ), e6 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.environmentalDevices : void 0;
+    var s, r;
+    return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.environmentalDevices : void 0;
   }
 ), t6 = (t) => p(
   (e) => {
-    var s, c, r, i, u, g, f, w;
-    return (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) != null && c.destinationList.programAudio ? (u = (i = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : u.sinkKey : ((w = (f = (g = e.rooms[t]) == null ? void 0 : g.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : w.sinkKey) || "";
+    var s, r, c, u, i, g, f, w;
+    return (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) != null && r.destinationList.programAudio ? (i = (u = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : u.destinationList.programAudio) == null ? void 0 : i.sinkKey : ((w = (f = (g = e.rooms[t]) == null ? void 0 : g.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : w.sinkKey) || "";
   }
 ), o6 = (t) => p(
   (e) => {
-    var s, c, r;
-    return e.rooms[t] ? (r = (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
+    var s, r, c;
+    return e.rooms[t] ? (c = (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinationList.codecContent) == null ? void 0 : c.sinkKey : void 0;
   }
 ), s6 = (t) => p(
   (e) => {
@@ -221,12 +228,12 @@ const Y8 = (t) => p(
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isWarmingUp : void 0;
   }
-), c6 = (t) => p(
+), r6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isCoolingDown : void 0;
   }
-), r6 = (t) => p(
+), c6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isOn : void 0;
@@ -246,43 +253,46 @@ const Y8 = (t) => p(
     (e, s) => s,
     Z2,
     (e) => {
-      var s, c;
-      return (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinations;
+      var s, r;
+      return (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinations;
     }
   ],
-  (e, s, c) => {
-    if (console.log("roomKey", e), console.log("devices", s), console.log("destinations", c), !c)
+  (e, s, r) => {
+    if (console.log("roomKey", e), console.log("devices", s), console.log("destinations", r), !r)
       return;
-    const r = Object.entries(c).filter(([u]) => u !== "programAudio" && u !== "codecContent").map(([, u]) => u);
-    return Object.values(s).filter((u) => Object.values(r).includes(u.key));
+    const c = Object.entries(r).filter(([i]) => i !== "programAudio" && i !== "codecContent").map(([, i]) => i);
+    return Object.values(s).filter((i) => Object.values(c).includes(i.key));
   }
 )($1.getState(), t), u6 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
+    var s, r;
+    return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.zoomRoomControllerKey : void 0;
   }
-), S2 = () => p((t) => t.runtimeConfig.websocket.isConnected), b2 = () => p((t) => t.runtimeConfig.currentRoomKey), I2 = () => p((t) => t.runtimeConfig.roomData.clientId), y2 = () => p((t) => t.runtimeConfig.roomData.systemUuid), R2 = () => p((t) => t.runtimeConfig.roomData.userCode), E2 = () => p((t) => t.runtimeConfig.serverIsRunningOnProcessorHardware), d6 = () => p((t) => t.runtimeConfig.touchpanelKey), h6 = () => p((t) => t.runtimeConfig.touchpanelKey !== ""), v6 = () => p((t) => t.ui.modalVisibility.showShutdownModal), g6 = () => p((t) => t.ui.modalVisibility.showIncomingCallModal), f6 = (t) => p((e) => e.ui.modalVisibility[t]), w6 = (t) => p((e) => {
+), S2 = () => p((t) => t.runtimeConfig.websocket.isConnected), b2 = () => p((t) => t.runtimeConfig.currentRoomKey), I2 = () => p((t) => t.runtimeConfig.roomData.clientId), y2 = () => p((t) => t.runtimeConfig.roomData.systemUuid), R2 = () => p((t) => t.runtimeConfig.roomData.userCode), E2 = () => p((t) => t.runtimeConfig.serverIsRunningOnProcessorHardware), d6 = () => p((t) => {
+  var e;
+  return (e = t.runtimeConfig.roomData.config) == null ? void 0 : e.runtimeInfo;
+}), h6 = () => p((t) => t.runtimeConfig.touchpanelKey), v6 = () => p((t) => t.runtimeConfig.touchpanelKey !== ""), g6 = () => p((t) => t.ui.modalVisibility.showShutdownModal), f6 = () => p((t) => t.ui.modalVisibility.showIncomingCallModal), w6 = (t) => p((e) => e.ui.modalVisibility[t]), p6 = (t) => p((e) => {
   const s = e.ui.popoverVisibility[t];
   if (s)
-    return Object.keys(s).find((c) => s[c]);
-}), p6 = (t, e) => p((s) => {
-  var c;
-  return (c = s.ui.popoverVisibility[t]) == null ? void 0 : c[e];
+    return Object.keys(s).find((r) => s[r]);
+}), x6 = (t, e) => p((s) => {
+  var r;
+  return (r = s.ui.popoverVisibility[t]) == null ? void 0 : r[e];
 }), _2 = () => p((t) => t.ui.error), L2 = () => p((t) => t.ui.showReconnect), C = u3({
   reducer: M3
-}), $2 = s2, T1 = Q3.create();
-function T2() {
+}), $2 = s2, P1 = Q3.create();
+function P2() {
   const t = $2();
   return async () => {
     try {
-      const e = location.pathname.split("/").filter((r) => r.length > 0);
+      const e = location.pathname.split("/").filter((c) => c.length > 0);
       e.length >= 5 ? e.length = 5 : e.length = 2;
-      const s = `/${e.join("/")}`, c = await T1.get("/_local-config/_config.local.json", { baseURL: s });
-      if (c.status == 200 && c.data) {
-        const r = c.data.apiPath;
-        t(d2.setAppConfig(c.data));
-        const i = await T1.get(`${r}/version`);
-        i.status == 200 && i.data && t(W.setRuntimeConfig(i.data));
+      const s = `/${e.join("/")}`, r = await P1.get("/_local-config/_config.local.json", { baseURL: s });
+      if (r.status == 200 && r.data) {
+        const c = r.data.apiPath;
+        t(d2.setAppConfig(r.data));
+        const u = await P1.get(`${c}/version`);
+        u.status == 200 && u.data && t(W.setRuntimeConfig(u.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -290,7 +300,7 @@ function T2() {
     return !0;
   };
 }
-var D1 = { exports: {} }, l1 = {};
+var T1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -301,16 +311,16 @@ var D1 = { exports: {} }, l1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var l3;
-function D2() {
+function T2() {
   return l3 || (l3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = h3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), g = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), V = Symbol.iterator, z = "@@iterator";
+    var t = h3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), g = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), O = Symbol.iterator, z = "@@iterator";
     function o1(n) {
       if (n === null || typeof n != "object")
         return null;
-      var l = V && n[V] || n[z];
+      var l = O && n[O] || n[z];
       return typeof l == "function" ? l : null;
     }
-    var T = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var P = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function L(n) {
       {
         for (var l = arguments.length, a = new Array(l > 1 ? l - 1 : 0), h = 1; h < l; h++)
@@ -320,7 +330,7 @@ function D2() {
     }
     function x1(n, l, a) {
       {
-        var h = T.ReactDebugCurrentFrame, j = h.getStackAddendum();
+        var h = P.ReactDebugCurrentFrame, j = h.getStackAddendum();
         j !== "" && (l += "%s", a = a.concat([j]));
         var S = a.map(function(M) {
           return String(M);
@@ -330,8 +340,8 @@ function D2() {
     }
     var M1 = !1, y = !1, Z = !1, h1 = !1, m1 = !1, K;
     K = Symbol.for("react.module.reference");
-    function B(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === c || n === i || m1 || n === r || n === w || n === d || h1 || n === F || M1 || y || Z || typeof n == "object" && n !== null && (n.$$typeof === A || n.$$typeof === b || n.$$typeof === u || n.$$typeof === g || n.$$typeof === f || // This needs to include all possible module reference object
+    function A(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === r || n === u || m1 || n === c || n === w || n === d || h1 || n === F || M1 || y || Z || typeof n == "object" && n !== null && (n.$$typeof === T || n.$$typeof === b || n.$$typeof === i || n.$$typeof === g || n.$$typeof === f || // 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.
@@ -355,13 +365,13 @@ function D2() {
       if (typeof n == "string")
         return n;
       switch (n) {
-        case c:
+        case r:
           return "Fragment";
         case s:
           return "Portal";
-        case i:
+        case u:
           return "Profiler";
-        case r:
+        case c:
           return "StrictMode";
         case w:
           return "Suspense";
@@ -373,7 +383,7 @@ function D2() {
           case g:
             var l = n;
             return J(l) + ".Consumer";
-          case u:
+          case i:
             var a = n;
             return J(a._context) + ".Provider";
           case f:
@@ -381,7 +391,7 @@ function D2() {
           case b:
             var h = n.displayName || null;
             return h !== null ? h : k(n.type) || "Memo";
-          case A: {
+          case T: {
             var j = n, S = j._payload, M = j._init;
             try {
               return k(M(S));
@@ -454,7 +464,7 @@ function D2() {
         s1 < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Z1 = T.ReactCurrentDispatcher, j1;
+    var Z1 = P.ReactCurrentDispatcher, j1;
     function v1(n, l, a) {
       {
         if (j1 === void 0)
@@ -499,37 +509,37 @@ function D2() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(M, []);
-            } catch (O) {
-              h = O;
+            } catch (B) {
+              h = B;
             }
             Reflect.construct(n, [], M);
           } else {
             try {
               M.call();
-            } catch (O) {
-              h = O;
+            } catch (B) {
+              h = B;
             }
             n.call(M.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (O) {
-            h = O;
+          } catch (B) {
+            h = B;
           }
           n();
         }
-      } catch (O) {
-        if (O && h && typeof O.stack == "string") {
-          for (var x = O.stack.split(`
-`), P = h.stack.split(`
-`), E = x.length - 1, _ = P.length - 1; E >= 1 && _ >= 0 && x[E] !== P[_]; )
+      } catch (B) {
+        if (B && h && typeof B.stack == "string") {
+          for (var x = B.stack.split(`
+`), D = h.stack.split(`
+`), E = x.length - 1, _ = D.length - 1; E >= 1 && _ >= 0 && x[E] !== D[_]; )
             _--;
           for (; E >= 1 && _ >= 0; E--, _--)
-            if (x[E] !== P[_]) {
+            if (x[E] !== D[_]) {
               if (E !== 1 || _ !== 1)
                 do
-                  if (E--, _--, _ < 0 || x[E] !== P[_]) {
+                  if (E--, _--, _ < 0 || x[E] !== D[_]) {
                     var U = `
 ` + x[E].replace(" at new ", " at ");
                     return n.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", n.displayName)), typeof n == "function" && g1.set(n, U), U;
@@ -570,7 +580,7 @@ function D2() {
             return I3(n.render);
           case b:
             return f1(n.type, l, a);
-          case A: {
+          case T: {
             var h = n, j = h._payload, S = h._init;
             try {
               return f1(S(j), l, a);
@@ -580,7 +590,7 @@ function D2() {
         }
       return "";
     }
-    var n1 = Object.prototype.hasOwnProperty, G1 = {}, q1 = T.ReactDebugCurrentFrame;
+    var n1 = Object.prototype.hasOwnProperty, G1 = {}, q1 = P.ReactDebugCurrentFrame;
     function w1(n) {
       if (n) {
         var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
@@ -596,8 +606,8 @@ function D2() {
             var x = void 0;
             try {
               if (typeof n[M] != "function") {
-                var P = Error((h || "React class") + ": " + a + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw P.name = "Invariant Violation", P;
+                var D = Error((h || "React class") + ": " + a + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw D.name = "Invariant Violation", D;
               }
               x = n[M](l, M, h, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
@@ -631,14 +641,14 @@ function D2() {
       if (L3(n))
         return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _3(n)), Y1(n);
     }
-    var c1 = T.ReactCurrentOwner, $3 = {
+    var r1 = P.ReactCurrentOwner, $3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, J1, X1, b1;
     b1 = {};
-    function T3(n) {
+    function P3(n) {
       if (n1.call(n, "ref")) {
         var l = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (l && l.isReactWarning)
@@ -646,7 +656,7 @@ function D2() {
       }
       return n.ref !== void 0;
     }
-    function D3(n) {
+    function T3(n) {
       if (n1.call(n, "key")) {
         var l = Object.getOwnPropertyDescriptor(n, "key").get;
         if (l && l.isReactWarning)
@@ -654,13 +664,13 @@ function D2() {
       }
       return n.key !== void 0;
     }
-    function A3(n, l) {
-      if (typeof n.ref == "string" && c1.current && l && c1.current.stateNode !== l) {
-        var a = k(c1.current.type);
-        b1[a] || (L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', k(c1.current.type), n.ref), b1[a] = !0);
+    function D3(n, l) {
+      if (typeof n.ref == "string" && r1.current && l && r1.current.stateNode !== l) {
+        var a = k(r1.current.type);
+        b1[a] || (L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', k(r1.current.type), n.ref), b1[a] = !0);
       }
     }
-    function P3(n, l) {
+    function A3(n, l) {
       {
         var a = function() {
           J1 || (J1 = !0, L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
@@ -713,8 +723,8 @@ function D2() {
     };
     function V3(n, l, a, h, j) {
       {
-        var S, M = {}, x = null, P = null;
-        a !== void 0 && (z1(a), x = "" + a), D3(l) && (z1(l.key), x = "" + l.key), T3(l) && (P = l.ref, A3(l, j));
+        var S, M = {}, x = null, D = null;
+        a !== void 0 && (z1(a), x = "" + a), T3(l) && (z1(l.key), x = "" + l.key), P3(l) && (D = l.ref, D3(l, j));
         for (S in l)
           n1.call(l, S) && !$3.hasOwnProperty(S) && (M[S] = l[S]);
         if (n && n.defaultProps) {
@@ -722,14 +732,14 @@ function D2() {
           for (S in E)
             M[S] === void 0 && (M[S] = E[S]);
         }
-        if (x || P) {
+        if (x || D) {
           var _ = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          x && P3(M, _), P && B3(M, _);
+          x && A3(M, _), D && B3(M, _);
         }
-        return O3(n, x, P, j, h, c1.current, M);
+        return O3(n, x, D, j, h, r1.current, M);
       }
     }
-    var I1 = T.ReactCurrentOwner, Q1 = T.ReactDebugCurrentFrame;
+    var I1 = P.ReactCurrentOwner, Q1 = P.ReactDebugCurrentFrame;
     function X(n) {
       if (n) {
         var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
@@ -850,12 +860,12 @@ Check the top-level render call using <` + a + ">.");
     var s3 = {};
     function n3(n, l, a, h, j, S) {
       {
-        var M = B(n);
+        var M = A(n);
         if (!M) {
           var x = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (x += " 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 P = k3(j);
-          P ? x += P : x += N1();
+          var D = k3(j);
+          D ? x += D : x += N1();
           var E;
           n === null ? E = "null" : S1(n) ? E = "array" : n !== void 0 && n.$$typeof === e ? (E = "<" + (k(n.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : E = typeof n, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, x);
         }
@@ -876,11 +886,11 @@ Check the top-level render call using <` + a + ">.");
               o3(U, n);
         }
         if (n1.call(l, "key")) {
-          var Y = k(n), O = Object.keys(l).filter(function(z3) {
+          var Y = k(n), B = Object.keys(l).filter(function(z3) {
             return z3 !== "key";
-          }), E1 = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), E1 = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!s3[Y + E1]) {
-            var Y3 = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
+            var Y3 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
             L(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -889,7 +899,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, E1, Y, Y3, Y), s3[Y + E1] = !0;
           }
         }
-        return n === c ? W3(_) : F3(_), _;
+        return n === r ? W3(_) : F3(_), _;
       }
     }
     function H3(n, l, a) {
@@ -899,7 +909,7 @@ React keys must be passed directly to JSX without using spread:
       return n3(n, l, a, !1);
     }
     var G3 = K3, q3 = H3;
-    l1.Fragment = c, l1.jsx = G3, l1.jsxs = q3;
+    l1.Fragment = r, l1.jsx = G3, l1.jsxs = q3;
   }()), l1;
 }
 var i1 = {};
@@ -913,27 +923,27 @@ var i1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var i3;
-function A2() {
+function D2() {
   if (i3)
     return i1;
   i3 = 1;
-  var t = h3, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(g, f, w) {
-    var d, b = {}, A = null, F = null;
-    w !== void 0 && (A = "" + w), f.key !== void 0 && (A = "" + f.key), f.ref !== void 0 && (F = f.ref);
+  var t = h3, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(g, f, w) {
+    var d, b = {}, T = null, F = null;
+    w !== void 0 && (T = "" + w), f.key !== void 0 && (T = "" + f.key), f.ref !== void 0 && (F = f.ref);
     for (d in f)
-      c.call(f, d) && !i.hasOwnProperty(d) && (b[d] = f[d]);
+      r.call(f, d) && !u.hasOwnProperty(d) && (b[d] = f[d]);
     if (g && g.defaultProps)
       for (d in f = g.defaultProps, f)
         b[d] === void 0 && (b[d] = f[d]);
-    return { $$typeof: e, type: g, key: A, ref: F, props: b, _owner: r.current };
+    return { $$typeof: e, type: g, key: T, ref: F, props: b, _owner: c.current };
   }
-  return i1.Fragment = s, i1.jsx = u, i1.jsxs = u, i1;
+  return i1.Fragment = s, i1.jsx = i, i1.jsxs = i, i1;
 }
-process.env.NODE_ENV === "production" ? D1.exports = A2() : D1.exports = D2();
-var o = D1.exports;
-const P2 = "_mwfit_ppa3l_1", B2 = {
-  mwfit: P2
+process.env.NODE_ENV === "production" ? T1.exports = D2() : T1.exports = T2();
+var o = T1.exports;
+const A2 = "_mwfit_ppa3l_1", B2 = {
+  mwfit: A2
 }, O2 = () => {
   const { reconnect: t } = I(), e = _2(), s = L2();
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs("div", { className: `disconnected-message ${B2.mwfit} mx-auto text-center`, children: [
@@ -944,13 +954,13 @@ const P2 = "_mwfit_ppa3l_1", B2 = {
 };
 class V2 {
   constructor() {
-    D(this, "uuid", "current-uuid");
-    D(this, "roomKey", "current-room-key");
-    D(this, "code", "current-code");
-    D(this, "expiry", "current-uuid-expires");
+    V(this, "uuid", "current-uuid");
+    V(this, "roomKey", "current-room-key");
+    V(this, "code", "current-code");
+    V(this, "expiry", "current-uuid-expires");
   }
 }
-const a3 = new V2(), m3 = c2({
+const a3 = new V2(), m3 = r2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
@@ -964,55 +974,56 @@ function U2(t, e) {
   sessionStorage.setItem(t, e);
 }
 const F2 = ({ children: t }) => {
-  const [e, s] = H(), c = S2(), r = b2(), i = I2(), u = T2(), g = m2(), f = y2(), w = R2(), d = E2(), b = u1(null), [A, F] = H(), V = u1({}), z = r1(
+  const [e, s] = H(), r = S2(), c = b2(), u = I2(), i = P2(), g = m2(), f = y2(), w = R2(), d = E2(), b = u1(null), [T, F] = H(), O = u1({}), z = c1(
     async (y) => {
       try {
-        const Z = await T1.get(`${y}/ui/joinroom?token=${e}`);
+        const Z = await P1.get(`${y}/ui/joinroom?token=${e}`);
         return Z.status === 200 && Z.data ? (C.dispatch(W.setRoomData(Z.data)), !0) : !1;
       } catch (Z) {
         return console.log(Z), d ? !0 : Z instanceof N3 && Z.response && Z.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C.dispatch(q.setErrorMessage(`Token ${e} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", Z), Z instanceof Error ? C.dispatch(q.setErrorMessage(Z.message)) : C.dispatch(q.setErrorMessage("Error getting room data")), !1);
       }
     },
     [e, d]
-  ), o1 = r1(() => {
-    const y = `${g.gatewayAppPath}?uuid=${f}&roomKey=${r}`;
+  ), o1 = c1(() => {
+    const y = `${g.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
     window.location.href = w ? `${y}&Code=${w}` : y;
-  }, [g.gatewayAppPath, r, f, w]), T = r1(
+  }, [g.gatewayAppPath, c, f, w]), P = c1(
     (y, Z) => {
-      b.current && c && b.current.send(JSON.stringify({ type: y, clientId: i, content: Z }));
+      b.current && r && b.current.send(JSON.stringify({ type: y, clientId: u, content: Z }));
     },
-    [c, i]
+    [r, u]
   ), L = (y, Z) => {
-    T(y, { value: Z });
-  }, x1 = r1(
+    P(y, { value: Z });
+  }, x1 = c1(
     (y, Z, h1) => {
-      V.current[y] || (V.current[y] = {}), V.current[y][Z] = h1, console.log("event handler added", y, Z);
+      O.current[y] || (O.current[y] = {}), O.current[y][Z] = h1, console.log("event handler added", y, Z);
     },
     []
-  ), M1 = r1((y, Z) => {
-    V.current[y] && (delete V.current[y][Z], console.log("event handler removed", y, Z));
+  ), M1 = c1((y, Z) => {
+    O.current[y] && (delete O.current[y][Z], console.log("event handler removed", y, Z));
   }, []);
   return t1(() => {
     let Z = new URLSearchParams(window.location.search).get("token");
-    Z ? (console.log("saving token: ", Z), U2(a3.uuid, Z)) : (Z = k2(a3.uuid), console.log("loading token: ", Z)), s(Z), u();
+    Z ? (console.log("saving token: ", Z), U2(a3.uuid, Z)) : (Z = k2(a3.uuid), console.log("loading token: ", Z)), s(Z), i();
   }, []), t1(() => {
     async function y() {
-      if (console.log("effect is running"), !(!g.apiPath || A || !e || !await z(g.apiPath)) && !b.current) {
+      if (console.log("effect is running"), !(!g.apiPath || T || !e || !await z(g.apiPath)) && !b.current) {
+        console.log("connecting to websocket");
         const m1 = `${g.apiPath.replace("http", "ws")}/ui/join/${e}`, K = new WebSocket(m1);
-        b.current = K, K.onopen = (B) => {
-          console.log("connected", B.type, B.target), C.dispatch(W.setWebsocketIsConnected(!0));
-        }, K.onerror = (B) => {
-          console.log(B);
-        }, K.onclose = (B) => {
-          if (console.log("disconnected: ", B.reason, B.code), B.code === 4e3) {
+        b.current = K, K.onopen = (A) => {
+          console.log("connected", A.type, A.target), C.dispatch(W.setWebsocketIsConnected(!0));
+        }, K.onerror = (A) => {
+          console.log(A);
+        }, K.onclose = (A) => {
+          if (console.log("disconnected: ", A.reason, A.code), A.code === 4e3) {
             console.log("user code changed"), C.dispatch(W.setUserCode({ userCode: "", qrUrl: "" })), C.dispatch(q.setErrorMessage("User code changed. Click reconnect to enter the new code")), C.dispatch(q.setShowReconnect(!0)), C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms());
             return;
           }
-          if (B.code === 4001 && !d) {
+          if (A.code === 4001 && !d) {
             console.log("processor disconnected"), C.dispatch(q.setErrorMessage("Processor has disconnected. Click Reconnect")), C.dispatch(q.setShowReconnect(!0)), C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms());
             return;
           }
-          if (B.code === 4002) {
+          if (A.code === 4002) {
             console.log("room combination changed"), C.dispatch(q.setErrorMessage("Room combination changed. Click Reconnect to re-join the room")), C.dispatch(q.setShowReconnect(!0)), C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms());
             return;
           }
@@ -1022,10 +1033,10 @@ const F2 = ({ children: t }) => {
             console.log("WebSocket closed by client.");
             return;
           }
-          A || (C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
-        }, K.onmessage = (B) => {
+          T || (C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
+        }, K.onmessage = (A) => {
           try {
-            const R = JSON.parse(B.data);
+            const R = JSON.parse(A.data);
             if (console.log(R), R.type === "close") {
               K.close(4001, R.content);
               return;
@@ -1062,7 +1073,7 @@ const F2 = ({ children: t }) => {
               }
             else if (R.type.startsWith("/event/")) {
               console.log("event message received", R);
-              const J = V.current[R.type];
+              const J = O.current[R.type];
               J || console.log("no handlers found for event type", R.type), J && Object.values(J).forEach((k) => {
                 try {
                   k(R);
@@ -1081,80 +1092,80 @@ const F2 = ({ children: t }) => {
     return y(), () => {
       b.current && b.current.close(), b.current = null;
     };
-  }, [g.apiPath, z, e, A, d]), t1(() => {
-    !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), T(`/room/${r}/status`, null)));
-  }, [r, i, c, T]), /* @__PURE__ */ o.jsx(
+  }, [g.apiPath, z, e, T, d]), t1(() => {
+    !c || !r || (console.log("clientId: ", u), u && (console.log("requesting status from room: ", c), P(`/room/${c}/status`, null)));
+  }, [c, u, r, P]), /* @__PURE__ */ o.jsx(
     m3.Provider,
     {
       value: {
-        sendMessage: T,
+        sendMessage: P,
         sendSimpleMessage: L,
         addEventHandler: x1,
         removeEventHandler: M1,
         reconnect: o1
       },
-      children: c ? t : /* @__PURE__ */ o.jsx(O2, {})
+      children: r ? t : /* @__PURE__ */ o.jsx(O2, {})
     }
   );
-}, x6 = ({ children: t }) => /* @__PURE__ */ o.jsx(n2, { store: C, children: /* @__PURE__ */ o.jsx(F2, { children: t }) });
+}, M6 = ({ children: t }) => /* @__PURE__ */ o.jsx(n2, { store: C, children: /* @__PURE__ */ o.jsx(F2, { children: t }) });
 function I() {
-  return r2(m3);
+  return c2(m3);
 }
 function W2({
   onPress: t,
   onRelease: e,
   onHold: s,
-  holdTimeMs: c = 500
+  holdTimeMs: r = 500
 }) {
-  const r = u1(null), i = u1(!1);
-  function u() {
-    i.current = !0, t == null || t(), r.current = setTimeout(() => {
-      s == null || s(), r.current = null;
-    }, c);
+  const c = u1(null), u = u1(!1);
+  function i() {
+    u.current = !0, t == null || t(), c.current = setTimeout(() => {
+      s == null || s(), c.current = null;
+    }, r);
   }
   function g() {
-    i.current = !1, e == null || e(), r.current && (clearTimeout(r.current), r.current = null);
+    u.current = !1, e == null || e(), c.current && (clearTimeout(c.current), c.current = null);
   }
   function f() {
-    i.current && g();
+    u.current && g();
   }
   return {
-    onPointerDown: u,
+    onPointerDown: i,
     onPointerUp: g,
     onPointerLeave: f
   };
 }
 function v(t, e) {
-  const { sendMessage: c } = I(), r = u1(null);
-  function i() {
-    c(`${t}/${e}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
-      c(`${t}/${e}`, { value: "held" });
+  const { sendMessage: r } = I(), c = u1(null);
+  function u() {
+    r(`${t}/${e}`, { value: "pressed" }), c.current || (c.current = setInterval(() => {
+      r(`${t}/${e}`, { value: "held" });
     }, 250));
   }
-  function u() {
-    r.current && (clearInterval(r.current), r.current = null), c(`${t}/${e}`, { value: "released" });
+  function i() {
+    c.current && (clearInterval(c.current), c.current = null), r(`${t}/${e}`, { value: "released" });
   }
-  return W2({ onPress: i, onRelease: u });
+  return W2({ onPress: u, onRelease: i });
 }
 function Z3(t, e) {
-  const { sendMessage: s, sendSimpleMessage: c } = I(), r = v(`${t}`, "volumeUp"), i = v(`${t}`, "volumeDown");
+  const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
-    volumeUp: r,
-    volumeDown: i,
-    setLevel: (d) => c(`${t}/level`, d),
+    volumeUp: c,
+    volumeDown: u,
+    setLevel: (d) => r(`${t}/level`, d),
     muteToggle: () => s(`${t}/muteToggle`, null),
     muteOn: () => s(`${t}/muteOn`, null),
     muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function M6(t, e) {
-  const { sendMessage: s, sendSimpleMessage: c } = I(), r = v(`${t}`, "volumeUp"), i = v(`${t}`, "volumeDown");
+function m6(t, e) {
+  const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
-    volumeUp: r,
-    volumeDown: i,
-    setLevel: (d) => c(`${t}/level`, d),
+    volumeUp: c,
+    volumeDown: u,
+    setLevel: (d) => r(`${t}/level`, d),
     muteToggle: () => s(`${t}/muteToggle`, null),
     muteOn: () => s(`${t}/muteOn`, null),
     muteOff: () => s(`${t}/muteOff`, null)
@@ -1174,82 +1185,88 @@ function j3(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function A1(t) {
+function D1(t) {
   const { sendMessage: e } = I(), s = $(t);
-  return console.log("deviceState", s), s ? { itemsState: s, selectItem: (r) => {
-    e(`/device/${t}/${r}`, null);
+  return console.log("deviceState", s), s ? { itemsState: s, selectItem: (c) => {
+    e(`/device/${t}/${c}`, null);
   } } : void 0;
 }
 function K2(t) {
-  const { sendMessage: e } = I(), s = $(t), c = () => {
+  const { sendMessage: e } = I(), s = $(t), r = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
-  }, r = () => {
+  }, c = () => {
     if ((s == null ? void 0 : s.levelControls) === void 0)
       return;
     Object.keys(s == null ? void 0 : s.levelControls).forEach((g) => {
       e(`/device/${t}/${g}/fullStatus`, null);
     });
   };
-  return s ? { levelControls: s.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
+  return s ? { levelControls: s.levelControls, setDefaultChannelLevels: r, getFullStatus: c } : void 0;
 }
-function m6(t) {
-  const e = $(t), s = j3(t), c = A1(t), r = A1(t), i = H2(t), u = K2(t);
+function Z6(t) {
+  const e = $(t), s = j3(t), r = D1(t), c = D1(t), u = H2(t), i = K2(t);
   if (e)
     return {
       avrState: e,
       powerControl: s,
-      inputControl: c,
-      surroundSoundModes: r,
-      surroundChannels: u,
-      mainVolumeControl: i
+      inputControl: r,
+      surroundSoundModes: c,
+      surroundChannels: i,
+      mainVolumeControl: u
     };
 }
-function Z6(t) {
+function j6(t) {
   const e = $(t);
   if (e)
     return { endpointState: e };
 }
-function j6(t) {
-  const e = `/device/${t}`, s = v(e, "chanUp"), c = v(e, "chanDown"), r = v(e, "lastChan"), i = v(e, "guide"), u = v(e, "info"), g = v(e, "exit");
-  return { channelUp: s, channelDown: c, lastChannel: r, guide: i, info: u, exit: g };
-}
 function C6(t) {
-  const e = `/device/${t}`, s = v(e, "red"), c = v(e, "green"), r = v(e, "yellow"), i = v(e, "blue");
-  return { red: s, green: c, yellow: r, blue: i };
+  const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown"), c = v(e, "lastChan"), u = v(e, "guide"), i = v(e, "info"), g = v(e, "exit");
+  return { channelUp: s, channelDown: r, lastChannel: c, guide: u, info: i, exit: g };
 }
 function S6(t) {
+  const e = `/device/${t}`, s = v(e, "red"), r = v(e, "green"), c = v(e, "yellow"), u = v(e, "blue");
+  return { red: s, green: r, yellow: c, blue: u };
+}
+function b6(t) {
   const e = $(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function b6(t) {
-  const e = `/device/${t}`, s = v(e, "up"), c = v(e, "down"), r = v(e, "left"), i = v(e, "right"), u = v(e, "select"), g = v(e, "menu"), f = v(e, "exit");
-  return { up: s, down: c, left: r, right: i, select: u, menu: g, exit: f };
-}
 function I6(t) {
+  const e = `/device/${t}`, s = v(e, "up"), r = v(e, "down"), c = v(e, "left"), u = v(e, "right"), i = v(e, "select"), g = v(e, "menu"), f = v(e, "exit");
+  return { up: s, down: r, left: c, right: u, select: i, menu: g, exit: f };
+}
+function y6(t) {
   const e = $(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function y6(t) {
-  const e = `/device/${t}`, s = v(e, "dvrList"), c = v(e, "record");
-  return { dvrList: s, record: c };
+function R6(t) {
+  const { sendMessage: e } = I();
+  return { recallPreset: (r) => {
+    e(`/device/${t}/recallPreset`, r);
+  } };
+}
+function E6(t) {
+  const e = `/device/${t}`, s = v(e, "dvrList"), r = v(e, "record");
+  return { dvrList: s, record: r };
 }
-const R6 = ({ className: t }) => {
+const _6 = ({ className: t }) => {
   const [e, s] = H();
   return t1(() => {
     setInterval(() => {
-      const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-      s(c);
+      const r = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+      s(r);
     }, 1e3);
   }, []), /* @__PURE__ */ o.jsxs("div", { className: t, children: [
     e,
     " new change"
   ] });
 };
-function E6(t) {
+function L6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { roomCombinerState: s, setAutoMode: () => {
     e(`/device/${t}/setAutoMode`, null);
@@ -1263,39 +1280,39 @@ function E6(t) {
     e(`/device/${t}/setRoomCombinationScenario`, f);
   } } : void 0;
 }
-function _6(t) {
-  const { sendMessage: e, sendSimpleMessage: s } = I(), c = $(t), r = C2(t), i = c || r;
-  return i ? {
-    levelState: i,
+function $6(t) {
+  const { sendMessage: e, sendSimpleMessage: s } = I(), r = $(t), c = C2(t), u = r || c;
+  return u ? {
+    levelState: u,
     setLevel: (d, b) => s(`${d}/level`, b),
     muteToggle: (d) => e(`${d}/muteToggle`, null),
     muteOn: (d) => e(`${d}/muteOn`, null),
     muteOff: (d) => e(`${d}/muteOff`, null)
   } : void 0;
 }
-function L6(t) {
+function P6(t) {
   const { sendMessage: e } = I(), s = $(t);
-  return s ? { lightingState: s, selectScene: (r) => {
-    e(`/device/${t}/selectScene`, r);
+  return s ? { lightingState: s, selectScene: (c) => {
+    e(`/device/${t}/selectScene`, c);
   } } : void 0;
 }
-function $6(t) {
+function T6(t) {
   const { sendMessage: e } = I(), s = $(t);
-  return s ? { matrixRoutingState: s, setRoute: (r) => {
-    e(`/device/${t}/route`, r);
+  return s ? { matrixRoutingState: s, setRoute: (c) => {
+    e(`/device/${t}/route`, c);
   } } : void 0;
 }
-function T6(t) {
+function D6(t) {
   const { sendMessage: e } = I();
   return { closeApp: () => {
     e(`/device/${t}/closeWebViewController`, null);
   } };
 }
-function D6(t) {
-  const e = `/device/${t}`, s = v(e, "num0"), c = v(e, "num1"), r = v(e, "num2"), i = v(e, "num3"), u = v(e, "num4"), g = v(e, "num5"), f = v(e, "num6"), w = v(e, "num7"), d = v(e, "num8"), b = v(e, "num9"), A = v(e, "numDash"), F = v(e, "numEnter");
-  return { digit0: s, digit1: c, digit2: r, digit3: i, digit4: u, digit5: g, digit6: f, digit7: w, digit8: d, digit9: b, keypadAccessoryButton1: A, keypadAccessoryButton2: F };
-}
 function A6(t) {
+  const e = `/device/${t}`, s = v(e, "num0"), r = v(e, "num1"), c = v(e, "num2"), u = v(e, "num3"), i = v(e, "num4"), g = v(e, "num5"), f = v(e, "num6"), w = v(e, "num7"), d = v(e, "num8"), b = v(e, "num9"), T = v(e, "numDash"), F = v(e, "numEnter");
+  return { digit0: s, digit1: r, digit2: c, digit3: u, digit4: i, digit5: g, digit6: f, digit7: w, digit8: d, digit9: b, keypadAccessoryButton1: T, keypadAccessoryButton2: F };
+}
+function B6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { projectorScreenLiftControlState: s, raise: () => {
     e(`/device/${t}/raise`, null);
@@ -1303,29 +1320,29 @@ function A6(t) {
     e(`/device/${t}/lower`, null);
   } } : void 0;
 }
-function P6(t) {
-  const { sendMessage: e } = I(), s = P1(t);
-  return s ? { roomEventScheduleState: s, save: (r) => {
-    e(`/room/${t}/saveScheduledEvents`, r);
+function O6(t) {
+  const { sendMessage: e } = I(), s = A1(t);
+  return s ? { roomEventScheduleState: s, save: (c) => {
+    e(`/room/${t}/saveScheduledEvents`, c);
   } } : void 0;
 }
-function B6(t) {
+function V6(t) {
   const { sendMessage: e } = I();
-  return { runDirectRoute: (c) => {
-    e(`/room/${t}/directRoute`, c);
+  return { runDirectRoute: (r) => {
+    e(`/room/${t}/directRoute`, r);
   } };
 }
-function O6(t) {
+function k6(t) {
   const { sendMessage: e } = I();
-  return { routingState: $(t), runRoute: (r) => {
-    e(`/room/${t}/source`, r);
+  return { routingState: $(t), runRoute: (c) => {
+    e(`/room/${t}/source`, c);
   } };
 }
-function V6(t) {
-  const e = `/device/${t}`, s = v(e, "chanUp"), c = v(e, "chanDown");
-  return { dvrList: s, replay: c };
+function U6(t) {
+  const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown");
+  return { dvrList: s, replay: r };
 }
-function k6(t) {
+function F6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { shadeState: s, shadeUp: () => {
     e(`/device/${t}/shadeUp`, null);
@@ -1335,8 +1352,8 @@ function k6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function U6(t) {
-  const { sendMessage: e } = I(), s = P1(t);
+function W6(t) {
+  const { sendMessage: e } = I(), s = A1(t);
   return s ? { shutdownPromptTimerState: s, setShutdownPromptSeconds: (g) => {
     e(`/room/${t}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
@@ -1347,7 +1364,7 @@ function U6(t) {
     e(`/room/${t}/shutdownCancel`, null);
   } } : void 0;
 }
-function F6(t) {
+function H6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { switchedOutputState: s, on: () => {
     e(`/device/${t}/on`, null);
@@ -1355,19 +1372,19 @@ function F6(t) {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-function W6(t) {
-  const { sendMessage: e } = I(), s = P1(t);
-  return s ? { techPasswordState: s, validatePassword: (i) => {
-    e(`/room/${t}/validateTechPassword`, { password: i });
-  }, setPassword: (i, u) => {
-    e(`/room/${t}/setTechPassword`, { oldPassword: i, newPassword: u });
+function K6(t) {
+  const { sendMessage: e } = I(), s = A1(t);
+  return s ? { techPasswordState: s, validatePassword: (u) => {
+    e(`/room/${t}/validateTechPassword`, { password: u });
+  }, setPassword: (u, i) => {
+    e(`/room/${t}/setTechPassword`, { oldPassword: u, newPassword: i });
   } } : void 0;
 }
-function H6(t) {
-  const e = `/device/${t}`, s = v(e, "play"), c = v(e, "pause"), r = v(e, "stop"), i = v(e, "prevTrack"), u = v(e, "nextTrack"), g = v(e, "rewind"), f = v(e, "ffwd"), w = v(e, "record");
-  return { play: s, pause: c, stop: r, prevTrack: i, nextTrack: u, rewind: g, fastForward: f, record: w };
+function G6(t) {
+  const e = `/device/${t}`, s = v(e, "play"), r = v(e, "pause"), c = v(e, "stop"), u = v(e, "prevTrack"), i = v(e, "nextTrack"), g = v(e, "rewind"), f = v(e, "ffwd"), w = v(e, "record");
+  return { play: s, pause: r, stop: c, prevTrack: u, nextTrack: i, rewind: g, fastForward: f, record: w };
 }
-function K6(t) {
+function q6(t) {
   const e = $(t), { sendMessage: s } = I();
   return e ? {
     touchpanelState: e,
@@ -1383,37 +1400,37 @@ function K6(t) {
     } }
   } : void 0;
 }
-function G6(t) {
-  const e = $(t), s = j3(t), c = A1(t);
+function Y6(t) {
+  const e = $(t), s = j3(t), r = D1(t);
   if (!e)
     return;
-  const r = (e.powerState || e.isWarming) && !e.isCooling, i = (!e.powerState || e.isCooling) && !e.isWarming;
+  const c = (e.powerState || e.isWarming) && !e.isCooling, u = (!e.powerState || e.isCooling) && !e.isWarming;
   return {
     displayState: e,
     powerControl: s,
-    inputControl: c,
-    powerFb: { powerOnFb: r, powerOffFb: i }
+    inputControl: r,
+    powerFb: { powerOnFb: c, powerOffFb: u }
   };
 }
-function q6(t) {
+function z6(t) {
   const { sendMessage: e } = I();
   return { runDefaultPresentRoute: () => {
     e(`/room/${t}/defaultsource`, {});
   } };
 }
-function Y6(t) {
-  const { sendMessage: e } = I(), s = $(t), c = (r) => {
-    e(`/device/${t}/saveTheme`, { value: r });
+function J6(t) {
+  const { sendMessage: e } = I(), s = $(t), r = (c) => {
+    e(`/device/${t}/saveTheme`, { value: c });
   };
   return {
     currentTheme: s == null ? void 0 : s.theme,
-    saveTheme: c
+    saveTheme: r
   };
 }
-const z6 = ({ config: t }) => {
+const X6 = ({ config: t }) => {
   const { sendMessage: e } = I();
   t1(() => {
-    var c, r;
+    var r, c, u;
     if (!t)
       return;
     const s = [];
@@ -1421,13 +1438,13 @@ const z6 = ({ config: t }) => {
       s.push(i);
     }), Object.values(t.destinationList).forEach((i) => {
       s.push(i.sinkKey);
-    }), t.levelControlList && Object.values(t.levelControlList).forEach((i) => {
-      s.push(i.deviceKey);
+    }), t.audioControlPointList && Object.values((r = t.audioControlPointList) == null ? void 0 : r.levelControls).forEach((i) => {
+      s.push(i.parentDeviceKey + "--" + i.itemKey);
     }), (c = t.touchpanelKeys) == null || c.forEach((i) => {
       s.push(i);
     }), t.environmentalDevices.forEach((i) => {
       s.push(i.deviceKey);
-    }), (r = t.accessoryDeviceKeys) == null || r.forEach((i) => {
+    }), (u = t.accessoryDeviceKeys) == null || u.forEach((i) => {
       s.push(i);
     }), t.audioCodecKey && s.push(t.audioCodecKey), t.videoCodecKey && s.push(t.videoCodecKey), t.matrixRoutingKey && s.push(t.matrixRoutingKey), t.roomCombinerKey && s.push(t.roomCombinerKey), t.endpointKeys && t.endpointKeys.forEach((i) => {
       s.push(i);
@@ -1439,59 +1456,70 @@ const z6 = ({ config: t }) => {
     });
   }, [t, e]);
 };
-function J6(t, e) {
-  const s = j2(t, e), c = `/room/${t}/volumes/${e}`;
-  return Z3(c, s);
+function Q6(t, e) {
+  const s = j2(t, e), r = `/room/${t}/volumes/${e}`;
+  return Z3(r, s);
 }
-function X6() {
-  const [t, e] = H(), [s, c] = H();
-  function r() {
+function N6() {
+  const { sendMessage: t } = I();
+  return {
+    reboot: () => {
+      t("/system/reboot", null);
+    },
+    programReset: () => {
+      t("/system/programReset", null);
+    }
+  };
+}
+function ee() {
+  const [t, e] = H(), [s, r] = H();
+  function c() {
     e((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
-    const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-    c(i);
+    const u = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+    r(u);
   }
   return t1(() => {
-    r();
-    const i = setInterval(() => {
-      r();
+    c();
+    const u = setInterval(() => {
+      c();
     }, 1e3);
-    return () => clearInterval(i);
+    return () => clearInterval(u);
   }, []), { date: t, time: s };
 }
-function Q6(t, e) {
-  const [s, c] = H(!1), [r, i] = H(!1);
+function te(t, e) {
+  const [s, r] = H(!1), [c, u] = H(!1);
   return v3(() => {
-    const { current: u } = t, g = () => {
-      const f = u && u.scrollHeight > u.clientHeight, w = u && u.scrollWidth > u.clientWidth;
-      i(f ?? !1), c(w ?? !1), e && e(f ?? !1, w ?? !1);
+    const { current: i } = t, g = () => {
+      const f = i && i.scrollHeight > i.clientHeight, w = i && i.scrollWidth > i.clientWidth;
+      u(f ?? !1), r(w ?? !1), e && e(f ?? !1, w ?? !1);
     };
-    u && g();
-  }, [t, e]), { overflowHorizontal: s, overflowVertical: r };
+    i && g();
+  }, [t, e]), { overflowHorizontal: s, overflowVertical: c };
 }
-function N6(t) {
+function oe(t) {
   var g, f;
-  const [e, s] = H(((g = t == null ? void 0 : t.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = H(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), i = (w) => {
+  const [e, s] = H(((g = t == null ? void 0 : t.current) == null ? void 0 : g.scrollLeft) ?? 0), [r, c] = H(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), u = (w) => {
     const { current: d } = t;
     d && (console.log(d.scrollLeft), d.scrollLeft += w, console.log(d.scrollLeft));
-  }, u = (w) => {
+  }, i = (w) => {
     const { current: d } = t;
     d && (console.log(d.scrollTop), d.scrollTop += w, console.log(d.scrollTop));
   };
   return v3(() => {
     const { current: w } = t, d = () => {
-      s((w == null ? void 0 : w.scrollLeft) ?? 0), r((w == null ? void 0 : w.scrollTop) ?? 0);
+      s((w == null ? void 0 : w.scrollLeft) ?? 0), c((w == null ? void 0 : w.scrollTop) ?? 0);
     };
     w && d();
-  }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: u };
+  }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: u, scrollVertical: i };
 }
-const ee = () => {
-  const [t, e] = H(!1), s = l2(), c = i2();
-  let r;
-  return a2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
+const se = () => {
+  const [t, e] = H(!1), s = l2(), r = i2();
+  let c;
+  return a2(r) ? c = r.statusText : r instanceof Error ? c = r.message : typeof r == "string" ? c = r : (console.error(r), c = "Unknown error"), /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ o.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ o.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
     /* @__PURE__ */ o.jsx("button", { className: "btn btn-primary p-2", onClick: () => s(-1), children: "Go Back" }),
     /* @__PURE__ */ o.jsx("button", { className: "btn btn-primary p-2", onClick: () => e(!t), children: t ? "Hide error message" : "Show error message" }),
-    t && /* @__PURE__ */ o.jsx("p", { children: r })
+    t && /* @__PURE__ */ o.jsx("p", { children: c })
   ] });
 }, G2 = "_iconbtn_16qss_1", q2 = "_iconbtnvert_16qss_7", Y2 = "_iconsm_16qss_18", _1 = {
   iconbtn: G2,
@@ -1501,44 +1529,44 @@ const ee = () => {
   multiIcon: t,
   otherContent: e = null,
   vert: s = !1,
-  className: c,
-  iconClassName: r = "",
-  otherContentClassName: i = "",
-  disabled: u,
+  className: r,
+  iconClassName: c = "",
+  otherContentClassName: u = "",
+  disabled: i,
   feedback: g,
   feedbackClassName: f,
   onPointerDown: w,
   onPointerUp: d,
   onPointerLeave: b,
-  ...A
+  ...T
 }) => {
-  const [F, V] = H(!1), z = !u && g ? f : "", o1 = !u && (F || g);
+  const [F, O] = H(!1), z = !i && g ? f : "", o1 = !i && (F || g);
   return /* @__PURE__ */ o.jsxs(
     "button",
     {
       type: "button",
-      className: `${_1.iconbtn} ${s ? _1.iconbtnvert : ""} ${c} ${z}`,
-      ...A,
-      disabled: u,
-      onPointerDown: (T) => {
-        V(!0), w == null || w(T);
+      className: `${_1.iconbtn} ${s ? _1.iconbtnvert : ""} ${r} ${z}`,
+      ...T,
+      disabled: i,
+      onPointerDown: (P) => {
+        O(!0), w == null || w(P);
       },
-      onPointerUp: (T) => {
-        V(!1), d == null || d(T);
+      onPointerUp: (P) => {
+        O(!1), d == null || d(P);
       },
-      onPointerLeave: (T) => {
-        V(!1), b == null || b(T);
+      onPointerLeave: (P) => {
+        O(!1), b == null || b(P);
       },
       children: [
         t && /* @__PURE__ */ o.jsx(
           t,
           {
-            className: `${r || _1.iconsm}`,
+            className: `${c || _1.iconsm}`,
             active: o1,
-            disabled: u
+            disabled: i
           }
         ),
-        /* @__PURE__ */ o.jsx("div", { className: i, children: e })
+        /* @__PURE__ */ o.jsx("div", { className: u, children: e })
       ]
     }
   );
@@ -1546,9 +1574,9 @@ const ee = () => {
   ActiveImage: t,
   DisabledImage: e,
   EnabledImage: s,
-  active: c,
-  disabled: r
-}) => r ? e : c ? t : s, J2 = ({
+  active: r,
+  disabled: c
+}) => c ? e : r ? t : s, J2 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2003,7 +2031,7 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), c8 = ({
+), r8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2052,7 +2080,7 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), r8 = ({
+), c8 = ({
   active: t,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -3153,8 +3181,8 @@ const ee = () => {
   Elipses: o8,
   Flag: s8,
   Gear: n8,
-  Glass: c8,
-  Hdmi: r8,
+  Glass: r8,
+  Hdmi: c8,
   Laptop: l8,
   LeftArrow: i8,
   Light: a8,
@@ -3177,86 +3205,72 @@ const ee = () => {
   X: b8,
   Xbox: I8
 };
-function te({
+function ne({
   name: t,
   iconsDictionary: e = R8,
   ...s
 }) {
-  const c = e[t] ?? null;
-  return c || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ o.jsx(z2, { multiIcon: c, ...s });
+  const r = e[t] ?? null;
+  return r || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ o.jsx(z2, { multiIcon: r, ...s });
 }
-const E8 = "_grid_1cmpp_1", _8 = "_header_1cmpp_11", L8 = "_content_1cmpp_17", $8 = "_footer_1cmpp_23", T8 = "_volume_1cmpp_29", a1 = {
+const E8 = "_grid_1cmpp_1", _8 = "_header_1cmpp_11", L8 = "_content_1cmpp_17", $8 = "_footer_1cmpp_23", P8 = "_volume_1cmpp_29", a1 = {
   grid: E8,
   header: _8,
   content: L8,
   footer: $8,
-  volume: T8
-}, oe = ({ header: t, footer: e, content: s, volume: c, showVolume: r }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
+  volume: P8
+}, re = ({ header: t, footer: e, content: s, volume: r, showVolume: c }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
   /* @__PURE__ */ o.jsx("div", { className: a1.header, children: t }),
   /* @__PURE__ */ o.jsx("div", { className: a1.content, children: s }),
-  r && /* @__PURE__ */ o.jsx("div", { className: a1.volume, children: c }),
+  c && /* @__PURE__ */ o.jsx("div", { className: a1.volume, children: r }),
   /* @__PURE__ */ o.jsx("div", { className: a1.footer, children: e })
-] }), D8 = "_grid_11w5q_1", A8 = "_header_11w5q_11", P8 = "_content_11w5q_17", p1 = {
-  grid: D8,
-  header: A8,
-  content: P8,
+] }), T8 = "_grid_11w5q_1", D8 = "_header_11w5q_11", A8 = "_content_11w5q_17", p1 = {
+  grid: T8,
+  header: D8,
+  content: A8,
   "left-nav": "_left-nav_11w5q_23"
-}, se = ({ className: t, header: e, content: s, leftNav: c }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
+}, ce = ({ className: t, header: e, content: s, leftNav: r }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
   /* @__PURE__ */ o.jsx("div", { className: p1.header, children: e }),
-  c && /* @__PURE__ */ o.jsx("div", { className: p1.leftNav, children: c }),
+  r && /* @__PURE__ */ o.jsx("div", { className: p1.leftNav, children: r }),
   /* @__PURE__ */ o.jsx("div", { className: p1.content, children: s })
 ] }), B8 = "_grid_1uwfo_1", O8 = "_header_1uwfo_11", V8 = "_content_1uwfo_17", L1 = {
   grid: B8,
   header: O8,
   content: V8
-}, ne = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
+}, le = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
   /* @__PURE__ */ o.jsx("div", { className: L1.header, children: e }),
   /* @__PURE__ */ o.jsx("div", { className: L1.content, children: s })
 ] });
-function ce() {
+function ie() {
   return console.log(location.pathname), location.pathname;
 }
 var k8 = /* @__PURE__ */ ((t) => (t[t.NotSet = 0] = "NotSet", t[t.Sunday = 1] = "Sunday", t[t.Monday = 2] = "Monday", t[t.Tuesday = 4] = "Tuesday", t[t.Wednesday = 8] = "Wednesday", t[t.Thursday = 16] = "Thursday", t[t.Friday = 32] = "Friday", t[t.Saturday = 64] = "Saturday", t))(k8 || {});
-class re {
+class ae {
   constructor(e, s) {
-    D(this, "path");
-    D(this, "handler");
+    V(this, "path");
+    V(this, "handler");
     this.path = e, this.handler = s;
   }
 }
-const le = "$off";
-class ie {
-  constructor() {
-    D(this, "name", "");
-    D(this, "iconUrl", "");
-    D(this, "channel", "");
-  }
-}
-class ae {
-  constructor() {
-    D(this, "deviceKey");
-    D(this, "deviceType");
-  }
-}
-class ue {
+const ue = "$off";
+class de {
   constructor() {
-    D(this, "deviceKey");
-    D(this, "deviceType");
+    V(this, "name", "");
+    V(this, "iconUrl", "");
+    V(this, "channel", "");
   }
 }
-class de {
+class he {
   constructor() {
-    D(this, "currentShareText");
-    D(this, "enabled");
-    D(this, "isSharing");
+    V(this, "currentShareText");
+    V(this, "enabled");
+    V(this, "isSharing");
   }
 }
 export {
-  ue as AccessoryDeviceConfiguration,
-  R6 as Clock,
+  _6 as Clock,
   k8 as DaysOfWeek,
-  ae as EnvironmentalDeviceConfiguration,
-  ee as ErrorBox,
+  se as ErrorBox,
   z2 as IconButton,
   J2 as IconMultiAlert,
   X2 as IconMultiBan,
@@ -3267,8 +3281,8 @@ export {
   o8 as IconMultiElipses,
   s8 as IconMultiFlag,
   n8 as IconMultiGear,
-  c8 as IconMultiGlass,
-  r8 as IconMultiHdmi,
+  r8 as IconMultiGlass,
+  c8 as IconMultiHdmi,
   l8 as IconMultiLaptop,
   i8 as IconMultiLeftArrow,
   a8 as IconMultiLight,
@@ -3289,99 +3303,102 @@ export {
   S8 as IconMultiWireless,
   b8 as IconMultiX,
   I8 as IconMultiXbox,
-  oe as MainLayout,
-  re as MessageHandler,
-  x6 as MobileControlProvider,
+  re as MainLayout,
+  ae as MessageHandler,
+  M6 as MobileControlProvider,
   m as MultiStateIconContainer,
-  te as NamedIconButton,
-  ie as PresetChannel,
-  de as ShareState,
-  se as TechLayout,
-  ne as TechPinLayout,
-  ce as getBaseLocation,
-  T1 as httpClient,
-  le as roomOffSourceKey,
+  ne as NamedIconButton,
+  de as PresetChannel,
+  he as ShareState,
+  ce as TechLayout,
+  le as TechPinLayout,
+  ie as getBaseLocation,
+  P1 as httpClient,
+  ue as roomOffSourceKey,
   C as store,
   q as uiActions,
   x2 as uiReducer,
   q8 as useApiPath,
   m2 as useAppConfig,
   $2 as useAppDispatch,
-  m6 as useAvrControl,
+  Z6 as useAvrControl,
   I2 as useClientId,
   H2 as useDeviceIBasicVolumeWithFeedback,
-  Z6 as useEndpoint,
+  j6 as useEndpoint,
   _2 as useError,
-  z6 as useGetAllDeviceStateFromRoomConfiguration,
+  X6 as useGetAllDeviceStateFromRoomConfiguration,
   Z2 as useGetAllDevices,
-  w6 as useGetCurrentPopoverIdForGroup,
+  p6 as useGetCurrentPopoverIdForGroup,
   $ as useGetDevice,
-  M6 as useGetIBasicVolumeWithFeedback,
+  m6 as useGetIBasicVolumeWithFeedback,
   a6 as useGetRoomDisplayStates,
   u6 as useGetZoomRoomControllerKey,
   Z3 as useIBasicVolumeWithFeedback,
-  j6 as useIChannelMessenger,
-  C6 as useIColor,
-  S6 as useICommunicationMonitor,
-  b6 as useIDPad,
-  I6 as useIDeviceInfoMessenger,
-  y6 as useIDvr,
-  E6 as useIEssentialsRoomCombiner,
+  C6 as useIChannelMessenger,
+  S6 as useIColor,
+  b6 as useICommunicationMonitor,
+  I6 as useIDPad,
+  y6 as useIDeviceInfoMessenger,
+  R6 as useIDspPresets,
+  E6 as useIDvr,
+  L6 as useIEssentialsRoomCombiner,
   j3 as useIHasPowerControl,
-  A1 as useIHasSelectableItems,
-  _6 as useILevelControls,
-  L6 as useILightingScenes,
-  $6 as useIMatrixRouting,
-  T6 as useIMcCiscoCodecUserInterfaceAppControl,
-  D6 as useINumeric,
-  A6 as useIProjectorScreenLiftControl,
-  P6 as useIRoomEventSchedule,
-  q6 as useIRunDefaultPresentRoute,
-  B6 as useIRunDirectRouteAction,
-  O6 as useIRunRouteAction,
-  V6 as useISetTopBoxControls,
-  k6 as useIShadesOpenCloseStop,
-  U6 as useIShutdownPromptTimer,
-  F6 as useISwitchedOutput,
-  W6 as useITechPassword,
-  Y6 as useITheme,
-  H6 as useITransport,
-  T2 as useInitialize,
-  h6 as useIsTouchpanel,
-  K6 as useMobileControlTouchpanelController,
-  Q6 as useOverflow,
+  D1 as useIHasSelectableItems,
+  $6 as useILevelControls,
+  P6 as useILightingScenes,
+  T6 as useIMatrixRouting,
+  D6 as useIMcCiscoCodecUserInterfaceAppControl,
+  A6 as useINumeric,
+  B6 as useIProjectorScreenLiftControl,
+  O6 as useIRoomEventSchedule,
+  z6 as useIRunDefaultPresentRoute,
+  V6 as useIRunDirectRouteAction,
+  k6 as useIRunRouteAction,
+  U6 as useISetTopBoxControls,
+  F6 as useIShadesOpenCloseStop,
+  W6 as useIShutdownPromptTimer,
+  H6 as useISwitchedOutput,
+  K6 as useITechPassword,
+  J6 as useITheme,
+  G6 as useITransport,
+  P2 as useInitialize,
+  v6 as useIsTouchpanel,
+  q6 as useMobileControlTouchpanelController,
+  te as useOverflow,
   W2 as usePressHoldRelease,
   l6 as useRoomAdvancedSharingActive,
+  X8 as useRoomAudioControlPointList,
   o6 as useRoomCodecContentDestinationKey,
   Y8 as useRoomConfiguration,
   N8 as useRoomDestinationList,
   Q8 as useRoomDestinations,
   e6 as useRoomEnvironmentalDevices,
-  J6 as useRoomIBasicVolumeWithFeedback,
+  Q6 as useRoomIBasicVolumeWithFeedback,
   s6 as useRoomInCall,
-  c6 as useRoomIsCoolingDown,
-  r6 as useRoomIsOn,
+  r6 as useRoomIsCoolingDown,
+  c6 as useRoomIsOn,
   n6 as useRoomIsWarmingUp,
   b2 as useRoomKey,
-  X8 as useRoomLevelControlList,
   C2 as useRoomLevelControls,
   z8 as useRoomName,
   t6 as useRoomProgramAudioDestinationKey,
   i6 as useRoomShareState,
   J8 as useRoomSourceList,
-  P1 as useRoomState,
+  A1 as useRoomState,
   j2 as useRoomVolume,
-  N6 as useScroll,
+  d6 as useRuntimeInfo,
+  oe as useScroll,
   E2 as useServerIsRunningOnProcessorHardware,
-  g6 as useShowIncomingCallModal,
-  f6 as useShowModal,
-  p6 as useShowPopoverById,
+  f6 as useShowIncomingCallModal,
+  w6 as useShowModal,
+  x6 as useShowPopoverById,
   L2 as useShowReconnect,
-  v6 as useShowShutdownModal,
+  g6 as useShowShutdownModal,
+  N6 as useSystemControl,
   y2 as useSystemUuid,
-  X6 as useTimeAndDate,
-  d6 as useTouchpanelKey,
-  G6 as useTwoWayDisplayBase,
+  ee as useTimeAndDate,
+  h6 as useTouchpanelKey,
+  Y6 as useTwoWayDisplayBase,
   R2 as useUserCode,
   I as useWebsocketContext,
   S2 as useWsIsConnected