@wandelbots/wandelbots-js-react-components 5.6.1-pr.dev-new-nova-js-client.614.9eca4b1 → 5.6.1-pr.dev-new-nova-js-client.614.cca8782

package/dist/chunks/{theming-0c4oqtVL.js → theming-CV0XkY9x.js}

@@ -1,43 +1,43 @@
 import { jsx as a, jsxs as S, Fragment as et } from "react/jsx-runtime";
-import { alpha as Mt, useTheme as B, styled as ut, createTheme as Ft } from "@mui/material/styles";
+import { alpha as It, useTheme as B, styled as pt, createTheme as Bt } from "@mui/material/styles";
 import oe from "@mui/material/AppBar";
-import Bt from "@mui/material/Backdrop";
+import Lt from "@mui/material/Backdrop";
 import w from "@mui/material/Box";
 import q from "@mui/material/IconButton";
 import ne from "@mui/material/Menu";
 import Y from "@mui/material/MenuItem";
 import ie from "@mui/material/Toolbar";
 import R from "@mui/material/Typography";
-import { observer as J, useLocalObservable as Lt } from "mobx-react-lite";
+import { observer as J, useLocalObservable as $t } from "mobx-react-lite";
 import { useState as L, useRef as A, useCallback as P, useEffect as F, useMemo as rt, useId as re } from "react";
 import { e as $ } from "./externalizeComponent-EDymnaGR.js";
 import ae from "@mui/material/SvgIcon";
 import H from "@mui/material/Fade";
 import { Gauge as se } from "@mui/x-charts/Gauge";
 import { useTranslation as z } from "react-i18next";
-import { f as $t, e as pt } from "./interpolation-DG8VTxzS.js";
+import { f as zt, e as mt } from "./interpolation-DG8VTxzS.js";
 import le from "@mui/icons-material/Clear";
 import ce from "@mui/icons-material/FilterList";
-import It from "@mui/icons-material/Search";
+import kt from "@mui/icons-material/Search";
 import U from "@mui/material/Divider";
 import { useGridApiRef as de, DataGrid as ge, Toolbar as ue, FilterPanelTrigger as pe, ToolbarButton as lt, QuickFilter as me, QuickFilterTrigger as he, QuickFilterControl as fe, QuickFilterClear as be } from "@mui/x-data-grid";
 import xe from "@mui/icons-material/OpenWith";
 import ye from "@mui/icons-material/Share";
 import _ from "@mui/material/Stack";
-import zt from "@mui/material/Tab";
-import Vt from "@mui/material/Tabs";
+import Vt from "@mui/material/Tab";
+import Nt from "@mui/material/Tabs";
 import { JointTypeEnum as G, Nova as Se, poseToWandelscriptString as ve } from "@wandelbots/nova-js/v2";
 import { lowerFirst as Ce, countBy as we, isString as Te } from "lodash-es";
-import { runInAction as D, makeAutoObservable as mt, when as at, autorun as kt, makeObservable as Me, action as Rt, observable as Ie } from "mobx";
-import { radiansToDegrees as Nt, tryParseJson as W, XYZ_TO_VECTOR as tt, degreesToRadians as ke } from "@wandelbots/nova-js";
+import { runInAction as D, makeAutoObservable as ht, when as at, autorun as Rt, makeObservable as Me, action as jt, observable as Ie } from "mobx";
+import { radiansToDegrees as Wt, tryParseJson as W, XYZ_TO_VECTOR as tt, degreesToRadians as ke } from "@wandelbots/nova-js";
 import { Vector3 as ct } from "three/src/math/Vector3.js";
-import Wt from "@mui/material/CircularProgress";
+import Gt from "@mui/material/CircularProgress";
 import { capitalize as Re } from "@mui/material/utils";
 import { m as je } from "./SafetyBar-CxxIVVeR.js";
 import Ee from "@mui/material/Alert";
 import Pe from "@mui/material/AlertTitle";
 import Z from "@mui/material/Button";
-import jt from "@mui/material/ToggleButton";
+import Et from "@mui/material/ToggleButton";
 import { c as _e, d as Oe, F as De, a as Ae, b as Je, f as Fe, e as Be } from "./robot-Cy9ST5-m.js";
 import Le from "lodash-es/isEqual.js";
 import $e from "@mui/material/InputAdornment";
@@ -47,7 +47,7 @@ import Ne from "@mui/material/Select";
 import nt from "lodash-es/keyBy.js";
 import We from "lodash-es/uniqueId.js";
 import Ge from "@mui/material/ToggleButtonGroup";
-import Gt from "@mui/material/Slider";
+import Ut from "@mui/material/Slider";
 import Ue from "lodash-es/isNumber.js";
 import He from "@mui/icons-material/ChevronLeft";
 import qe from "@mui/icons-material/ChevronRight";
@@ -67,8 +67,8 @@ import so from "@mui/material/Chip";
 import lo from "@mui/material/Fab";
 import co from "@mui/material/Badge";
 import { Gauge as go } from "@mui/x-charts";
-import * as Et from "three";
-import { Vector3 as Pt } from "three";
+import * as Pt from "three";
+import { Vector3 as _t } from "three";
 const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /* @__PURE__ */ a(
   "path",
   {
@@ -135,10 +135,10 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                     height: 28,
                     borderRadius: "6px",
                     padding: 0,
-                    backgroundColor: (g) => Mt(g.palette.common.white, 0.1),
+                    backgroundColor: (g) => It(g.palette.common.white, 0.1),
                     opacity: 1,
                     "&:hover": {
-                      backgroundColor: (g) => Mt(g.palette.common.white, 0.16)
+                      backgroundColor: (g) => It(g.palette.common.white, 0.16)
                     },
                     "& .MuiSvgIcon-root": {
                       fontSize: "8px",
@@ -154,7 +154,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
         }
       ),
       /* @__PURE__ */ a(
-        Bt,
+        Lt,
         {
           open: d,
           onClick: u,
@@ -760,7 +760,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
     isPausedState: !1,
     currentProgress: 0,
     wasRunningBeforeError: !1
-  }), m = A(null), u = A(null), p = A(0), [g] = $t([0], {
+  }), m = A(null), u = A(null), p = A(0), [g] = zt([0], {
     tension: 80,
     friction: 18,
     onChange: ([C]) => {
@@ -1122,7 +1122,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                               !E.expanded && /* @__PURE__ */ a(
                                 he,
                                 {
-                                  render: /* @__PURE__ */ a(lt, { "aria-label": "Search", children: /* @__PURE__ */ a(It, { fontSize: "small" }) })
+                                  render: /* @__PURE__ */ a(lt, { "aria-label": "Search", children: /* @__PURE__ */ a(kt, { fontSize: "small" }) })
                                 }
                               ),
                               /* @__PURE__ */ S(
@@ -1222,7 +1222,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                                         },
                                         children: [
                                           E.expanded && /* @__PURE__ */ a(
-                                            It,
+                                            kt,
                                             {
                                               fontSize: "small",
                                               sx: {
@@ -1515,7 +1515,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
   )
 );
 yo.displayName = "WandelbotsDataGrid";
-const _t = $(
+const Ot = $(
   J(
     ({
       colors: t,
@@ -1528,7 +1528,7 @@ const _t = $(
       ...s
     }) => {
       var x, T, C, M, I, j, k;
-      pt(() => {
+      mt(() => {
         const E = o(), V = p.current;
         V && (V.textContent = E);
       });
@@ -1696,11 +1696,11 @@ const _t = $(
       disabled: c,
       ...s
     }) => {
-      var M, I, j, k, E, V, Q, ot, xt, yt, St, vt, Ct, wt, Tt;
+      var M, I, j, k, E, V, Q, ot, yt, St, vt, Ct, wt, Tt, Mt;
       const { t: l } = z(), [d, m] = L(), u = B(), p = {
         background: (M = u.palette.backgroundPaperElevation) == null ? void 0 : M[4],
         color: (I = u.palette.backgroundPaperElevation) == null ? void 0 : I[11]
-      }, g = Lt(() => ({
+      }, g = $t(() => ({
         activeJoggingDir: null,
         startJogging(O) {
           this.activeJoggingDir = O, t(O);
@@ -1712,10 +1712,10 @@ const _t = $(
         const O = i ? y(n()) : n();
         (O === void 0 || d === void 0 || Math.abs(d - O) > 1e-9) && m(O);
       }, 50);
-      pt(f);
+      mt(f);
       function y(O) {
         if (O !== void 0)
-          return Nt(O);
+          return Wt(O);
       }
       function b(O) {
         O.button === 0 && g.startJogging("-");
@@ -1792,7 +1792,7 @@ const _t = $(
                   {
                     sx: {
                       pointerEvents: "none",
-                      color: (xt = (ot = (Q = (V = u.componentsExt) == null ? void 0 : V.JoggingPanel) == null ? void 0 : Q.JoggingJoint) == null ? void 0 : ot.Joint) == null ? void 0 : xt.arrowColor
+                      color: (yt = (ot = (Q = (V = u.componentsExt) == null ? void 0 : V.JoggingPanel) == null ? void 0 : Q.JoggingJoint) == null ? void 0 : ot.Joint) == null ? void 0 : yt.arrowColor
                     }
                   }
                 )
@@ -1809,7 +1809,7 @@ const _t = $(
                   borderLeftWidth: 0,
                   borderRightWidth: 0,
                   border: "none",
-                  backgroundColor: (yt = u.palette.backgroundPaperElevation) == null ? void 0 : yt[11],
+                  backgroundColor: (St = u.palette.backgroundPaperElevation) == null ? void 0 : St[11],
                   paddingLeft: "20px",
                   paddingRight: "20px",
                   zIndex: 1
@@ -1832,7 +1832,7 @@ const _t = $(
                     }
                   ),
                   /* @__PURE__ */ a(
-                    Gt,
+                    Ut,
                     {
                       disabled: !0,
                       "aria-label": "Joint position",
@@ -1856,7 +1856,7 @@ const _t = $(
                           color: c ? u.palette.action.disabled : u.palette.text.secondary
                         },
                         "& .MuiSlider-rail": {
-                          backgroundColor: (St = u.palette.backgroundPaperElevation) == null ? void 0 : St[5],
+                          backgroundColor: (vt = u.palette.backgroundPaperElevation) == null ? void 0 : vt[5],
                           opacity: 1
                         }
                       },
@@ -1892,7 +1892,7 @@ const _t = $(
                   {
                     sx: {
                       pointerEvents: "none",
-                      color: (Tt = (wt = (Ct = (vt = u.componentsExt) == null ? void 0 : vt.JoggingPanel) == null ? void 0 : Ct.JoggingJoint) == null ? void 0 : wt.Joint) == null ? void 0 : Tt.arrowColor
+                      color: (Mt = (Tt = (wt = (Ct = u.componentsExt) == null ? void 0 : Ct.JoggingPanel) == null ? void 0 : wt.JoggingJoint) == null ? void 0 : Tt.Joint) == null ? void 0 : Mt.arrowColor
                     }
                   }
                 )
@@ -1904,7 +1904,7 @@ const _t = $(
     }
   )
 );
-function Ut(t, e, o) {
+function Ht(t, e, o) {
   if (e.length !== t.length)
     return !0;
   for (let r = 0; r < e.length; r++)
@@ -1923,7 +1923,7 @@ function vo(t, e, o) {
   let r = 0;
   return r += Math.abs(t.orientation[0] - e.orientation[0]), r += Math.abs(t.orientation[1] - e.orientation[1]), r += Math.abs(t.orientation[2] - e.orientation[2]), r += Math.abs(t.position[0] - e.position[0]), r += Math.abs(t.position[1] - e.position[1]), r += Math.abs(t.position[2] - e.position[2]), r <= o;
 }
-function Ht(t, e, o) {
+function qt(t, e, o) {
   return t.coordinate_system === e.coordinate_system && t.tcp === e.tcp && vo(
     t.tcp_pose,
     e.tcp_pose,
@@ -1931,11 +1931,11 @@ function Ht(t, e, o) {
   );
 }
 function Co(t, e) {
-  const o = new Pt(
+  const o = new _t(
     e[0],
     e[1],
     e[2]
-  ), r = new Pt(
+  ), r = new _t(
     t[0],
     t[1],
     t[2]
@@ -1948,7 +1948,7 @@ function Co(t, e) {
 function wo(t) {
   return "cellId" in t.api;
 }
-function qt(t) {
+function dt(t) {
   if (!wo(t))
     return t;
   const e = t, o = new Proxy(e.api, {
@@ -1968,8 +1968,8 @@ function qt(t) {
     }
   });
 }
-const Ot = 1e-4;
-class ht {
+const Dt = 1e-4;
+class ft {
   constructor(e, o, r, i, n, c, s) {
     this.nova = e, this.cellId = o, this.controller = r, this.motionGroup = i, this.description = n, this.initialMotionState = c, this.motionStateSocket = s, this.rapidlyChangingMotionState = c, s.addEventListener("message", (l) => {
       var p;
@@ -1978,16 +1978,16 @@ class ht {
         throw new Error(
           `Failed to get motion state for ${this.motionGroupId}: ${l.data}`
         );
-      Ut(
+      Ht(
         this.rapidlyChangingMotionState.joint_position,
         d.joint_position,
-        Ot
+        Dt
       ) || D(() => {
         this.rapidlyChangingMotionState.joint_position = d.joint_position;
-      }), Ht(
+      }), qt(
         this.rapidlyChangingMotionState,
         d,
-        Ot
+        Dt
       ) || D(() => {
         var g, f, y;
         this.rapidlyChangingMotionState.tcp_pose == null ? this.rapidlyChangingMotionState.tcp_pose = d.tcp_pose : (g = d.tcp_pose) != null && g.orientation && ((f = d.tcp_pose) != null && f.position) && ((y = this.rapidlyChangingMotionState.tcp_pose) != null && y.orientation) ? this.rapidlyChangingMotionState.tcp_pose = {
@@ -2011,11 +2011,11 @@ class ht {
       }), this.rapidlyChangingMotionState.execute !== d.execute && D(() => {
         this.rapidlyChangingMotionState.execute = d.execute;
       });
-    }), mt(this);
+    }), ht(this);
   }
   static async open(e, o, r = {}) {
     var f;
-    const i = qt(e), n = r.cellId ?? "cell", [c, s] = o.split("@"), l = await i.api.controller.getCurrentRobotControllerState(
+    const i = dt(e), n = r.cellId ?? "cell", [c, s] = o.split("@"), l = await i.api.controller.getCurrentRobotControllerState(
       n,
       s
     ), d = l == null ? void 0 : l.motion_groups.find(
@@ -2042,7 +2042,7 @@ class ht {
       s,
       d.motion_group
     );
-    return new ht(
+    return new ft(
       i,
       n,
       l,
@@ -2067,8 +2067,8 @@ class ht {
     this.motionStateSocket.close();
   }
 }
-const Dt = "Movement request rejected. Another client is currently executing a 'Jogging' motion!";
-class ft {
+const At = "Movement request rejected. Another client is currently executing a 'Jogging' motion!";
+class bt {
   constructor(e, o = {}) {
     this.motionStream = e, this.options = o, this.DEFAULT_MODE = "off", this.DEFAULT_TCP = "Flange", this.NO_TCP = void 0, this.DEFAULT_INIT_TIMEOUT = 5e3, this.DEFAULT_ORIENTATION = "coordsys", this.mode = "off", this.joggingSocket = null, this.trajectorySocket = null, this.timeout = this.DEFAULT_INIT_TIMEOUT, this.tcp = (o == null ? void 0 : o.tcp) || e.motionGroup.tcp || this.getDefaultTcp(e), this.orientation = (o == null ? void 0 : o.orientation) || this.DEFAULT_ORIENTATION, this.timeout = (o == null ? void 0 : o.timeout) || this.DEFAULT_INIT_TIMEOUT, this.mode = (o == null ? void 0 : o.mode) || this.DEFAULT_MODE, this.onError = o == null ? void 0 : o.onError;
   }
@@ -2090,13 +2090,13 @@ class ft {
    * @returns Promise resolving to initialized JoggerConnection instance
    */
   static async open(e, o, r = {}) {
-    const i = await ht.open(
+    const i = await ft.open(
       e,
       o,
       {
         cellId: r.cellId
       }
-    ), n = new ft(i, r);
+    ), n = new bt(i, r);
     return await n.setJoggingMode(n.mode), n;
   }
   getDefaultTcp(e) {
@@ -2175,7 +2175,7 @@ class ft {
           return;
         }
         if (((s = n == null ? void 0 : n.result) == null ? void 0 : s.kind) === "MOTION_ERROR")
-          if (clearTimeout(r), this.onBlocked && ((l = n == null ? void 0 : n.result) != null && l.message.includes(Dt))) {
+          if (clearTimeout(r), this.onBlocked && ((l = n == null ? void 0 : n.result) != null && l.message.includes(At))) {
             (d = this.joggingSocket) == null || d.dispose(), this.onBlocked();
             return;
           } else this.onError ? this.onError(i.data) : o(new Error(i.data));
@@ -2381,7 +2381,7 @@ class ft {
         throw new Error(
           `Failed to execute trajectory: Received invalid message ${b.data}`
         );
-      if (this.onBlocked && ((x = h.result.message) != null && x.includes(Dt))) {
+      if (this.onBlocked && ((x = h.result.message) != null && x.includes(At))) {
         this.onBlocked();
         return;
       }
@@ -2432,7 +2432,7 @@ const To = (t) => {
           error: t.error
         }
       ) : /* @__PURE__ */ S(et, { children: [
-        /* @__PURE__ */ a(Wt, { sx: { marginBottom: "24px" } }),
+        /* @__PURE__ */ a(Gt, { sx: { marginBottom: "24px" } }),
         !!t.message && /* @__PURE__ */ a("div", { children: t.message }),
         /* @__PURE__ */ a(
           _,
@@ -2475,7 +2475,7 @@ const To = (t) => {
 }, Io = J(({ store: t }) => {
   const { t: e } = z();
   return /* @__PURE__ */ a(
-    Bt,
+    Lt,
     {
       "data-testid": "jogging-blocked",
       "aria-label": "jogging-blocked",
@@ -2510,7 +2510,7 @@ const To = (t) => {
     const { t: e } = z(), [o, r] = L(
       t.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached
     ), i = A(o);
-    pt(() => {
+    mt(() => {
       const c = t.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached;
       Le(i.current, c) || (i.current = c, r(c));
     });
@@ -2545,7 +2545,7 @@ const To = (t) => {
       }
     );
   }
-), ko = ut(ze)(({ theme: t }) => ({
+), ko = pt(ze)(({ theme: t }) => ({
   "&.MuiFormControl-root": {
     ".MuiSelect-select": {
       paddingTop: "20px",
@@ -2571,16 +2571,16 @@ function it({
     /* @__PURE__ */ a(Ne, { ...e })
   ] });
 }
-const dt = [
+const gt = [
   { id: "0.1", mm: 0.1, degrees: 0.05 },
   { id: "1", mm: 1, degrees: 0.5 },
   { id: "5", mm: 5, degrees: 2.5 },
   { id: "10", mm: 10, degrees: 5 }
 ], Ro = [
   { id: "continuous" },
-  ...dt
+  ...gt
 ], jo = ["coordsys", "tool"];
-class bt {
+class xt {
   constructor(e, o, r, i, n) {
     var c, s, l;
     this.jogger = e, this.coordSystems = o, this.motionGroupDescription = r, this.tcps = i, this.inverseSolverValue = n, this.selectedTabId = "cartesian", this.locks = /* @__PURE__ */ new Set(), this.blocked = !1, this.selectedCoordSystemId = "world", this.selectedTcpId = "", this.tcpChangeInProgress = !1, this.selectedOrientation = "coordsys", this.selectedIncrementId = "continuous", this.selectedCartesianMotionType = "translate", this.incrementJogInProgress = null, this.translationVelocityMmPerSec = 10, this.rotationVelocityDegPerSec = 1, this.minTranslationVelocityMmPerSec = 5, this.maxTranslationVelocityMmPerSec = 250, this.minRotationVelocityDegPerSec = 1, this.maxRotationVelocityDegPerSec = 60, this.showCoordSystemSelect = !1, this.showTcpSelect = !0, this.showOrientationSelect = !0, this.showIncrementSelect = !0, this.showTabIcons = !1, this.showVelocitySliderLabel = !0, this.showVelocityLegend = !1, this.showJointsLegend = !1, this.disposers = [], this.inverseSolver = void 0, this.jointType = G.RevoluteJoint;
@@ -2589,10 +2589,10 @@ class bt {
         d.coordinate_system = "world";
         break;
       }
-    this.selectedCoordSystemId = ((c = o[0]) == null ? void 0 : c.coordinate_system) || "world", this.selectedTcpId = e.motionStream.rapidlyChangingMotionState.tcp ?? "", this.tcpChangeInProgress = this.tcps.length > 0 && !this.selectedTcpId, this.inverseSolver = n, this.jointType = ((l = (s = r == null ? void 0 : r.dh_parameters) == null ? void 0 : s[0]) == null ? void 0 : l.type) ?? G.RevoluteJoint, mt(this, {}, { autoBind: !0 }), this.jogger.onBlocked = () => {
+    this.selectedCoordSystemId = ((c = o[0]) == null ? void 0 : c.coordinate_system) || "world", this.selectedTcpId = e.motionStream.rapidlyChangingMotionState.tcp ?? "", this.tcpChangeInProgress = this.tcps.length > 0 && !this.selectedTcpId, this.inverseSolver = n, this.jointType = ((l = (s = r == null ? void 0 : r.dh_parameters) == null ? void 0 : s[0]) == null ? void 0 : l.type) ?? G.RevoluteJoint, ht(this, {}, { autoBind: !0 }), this.jogger.onBlocked = () => {
       this.block();
-    }, this.loadFromLocalStorage(), this.disposers.push(kt(() => this.saveToLocalStorage())), this.disposers.push(
-      kt(() => {
+    }, this.loadFromLocalStorage(), this.disposers.push(Rt(() => this.saveToLocalStorage())), this.disposers.push(
+      Rt(() => {
         const d = this.jogger.motionStream.rapidlyChangingMotionState.tcp;
         d && d !== this.selectedTcpId && D(() => {
           this.selectedTcpId = d, this.tcpChangeInProgress = !1;
@@ -2626,7 +2626,7 @@ class bt {
       position: d.pose.position,
       orientation: d.pose.orientation
     }));
-    return new bt(
+    return new xt(
       e,
       i || [],
       n,
@@ -2690,7 +2690,7 @@ class bt {
     return Ro;
   }
   get discreteIncrementOptions() {
-    return dt;
+    return gt;
   }
   get incrementOptionsById() {
     return nt(this.incrementOptions, (e) => e.id);
@@ -2719,7 +2719,7 @@ class bt {
     return nt(this.tcps, (e) => e.id);
   }
   get activeDiscreteIncrement() {
-    return this.selectedOrientation === "tool" ? void 0 : dt.find((e) => e.id === this.selectedIncrementId);
+    return this.selectedOrientation === "tool" ? void 0 : gt.find((e) => e.id === this.selectedIncrementId);
   }
   /** The selected rotation velocity converted to radians per second */
   get rotationVelocityRadsPerSec() {
@@ -2879,7 +2879,7 @@ const Eo = J(
             });
           },
           disabled: t.isLocked || t.tcpChangeInProgress,
-          endAdornment: t.tcpChangeInProgress ? /* @__PURE__ */ a($e, { position: "end", children: /* @__PURE__ */ a(Wt, { size: 16 }) }) : void 0,
+          endAdornment: t.tcpChangeInProgress ? /* @__PURE__ */ a($e, { position: "end", children: /* @__PURE__ */ a(Gt, { size: 16 }) }) : void 0,
           children: t.tcps.map((s) => /* @__PURE__ */ a(Y, { value: s.id, children: s.id }, s.id))
         },
         "tcp"
@@ -2943,7 +2943,7 @@ const Eo = J(
       }
     );
   }
-), Po = ut(Ge)(({ theme: t }) => {
+), Po = pt(Ge)(({ theme: t }) => {
   var e;
   return {
     "&.MuiToggleButtonGroup-root": {
@@ -2991,7 +2991,7 @@ const Eo = J(
           }
         ),
         /* @__PURE__ */ a(
-          Gt,
+          Ut,
           {
             value: t.velocity,
             color: "secondary",
@@ -3202,7 +3202,7 @@ const Qt = J(
     }
     function u(p) {
       return o("General.degree.variable", {
-        amount: Nt(p).toFixed(1)
+        amount: Wt(p).toFixed(1)
       });
     }
     return /* @__PURE__ */ S(
@@ -3256,15 +3256,15 @@ const Qt = J(
                         "aria-label": o("Jogging.Cartesian.MotionType.lb"),
                         sx: { justifyContent: "center" },
                         children: [
-                          /* @__PURE__ */ a(jt, { value: "translate", children: o("Jogging.Cartesian.Translation.bt") }),
-                          /* @__PURE__ */ a(jt, { value: "rotate", children: o("Jogging.Cartesian.Rotation.bt") })
+                          /* @__PURE__ */ a(Et, { value: "translate", children: o("Jogging.Cartesian.Translation.bt") }),
+                          /* @__PURE__ */ a(Et, { value: "rotate", children: o("Jogging.Cartesian.Rotation.bt") })
                         ]
                       }
                     ),
                     t.selectedCartesianMotionType === "translate" && d.map((p) => {
                       var g, f;
                       return /* @__PURE__ */ a(
-                        _t,
+                        Ot,
                         {
                           "data-testid": `jogging-cartesian-axis-control-${p.id}`,
                           "aria-label": `jogging-cartesian-axis-control-${p.id}`,
@@ -3303,7 +3303,7 @@ const Qt = J(
                     t.selectedCartesianMotionType === "rotate" && d.map((p) => {
                       var g, f;
                       return /* @__PURE__ */ a(
-                        _t,
+                        Ot,
                         {
                           "data-testid": `jogging-cartesian-axis-control-${p.id}`,
                           "aria-label": `jogging-cartesian-axis-control-${p.id}`,
@@ -3456,7 +3456,7 @@ const Qt = J(
   }
 ), hi = $(
   J((t) => {
-    const e = Te(t.nova) ? new Se({ instanceUrl: t.nova }) : t.nova, o = Lt(() => ({
+    const e = Te(t.nova) ? new Se({ instanceUrl: t.nova }) : t.nova, o = $t(() => ({
       joggingStore: null,
       loadingError: null
     }));
@@ -3467,14 +3467,14 @@ const Qt = J(
       try {
         let i = t.store;
         if (!i) {
-          const n = await ft.open(
+          const n = await bt.open(
             e,
             t.motionGroupId,
             {
               cellId: t.cellId
             }
           );
-          i = await bt.loadFor(n);
+          i = await xt.loadFor(n);
         }
         D(() => {
           o.joggingStore = i;
@@ -3518,7 +3518,7 @@ const Qt = J(
     }
     return /* @__PURE__ */ S(_, { flexGrow: 1, sx: { overflow: "hidden" }, children: [
       /* @__PURE__ */ a(
-        Vt,
+        Nt,
         {
           "data-testid": "jogging-tabs",
           "aria-label": "jogging-tabs",
@@ -3528,7 +3528,7 @@ const Qt = J(
           children: t.tabs.map((i) => {
             const n = i.label === "Cartesian" ? o("Jogging.Cartesian.bt") : o("Jogging.Joints.bt"), c = i.label === "cartesian" ? /* @__PURE__ */ a(xe, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(ye, { fontSize: "small", sx: { mr: 1 } });
             return /* @__PURE__ */ a(
-              zt,
+              Vt,
               {
                 "data-testid": `jogging-tab-${i.id}`,
                 "aria-label": `jogging-tab-${i.id}`,
@@ -3706,8 +3706,8 @@ class Jo {
       this.addMessage(e, "debug");
     }, Me(this, {
       messages: Ie,
-      addMessage: Rt,
-      clearMessages: Rt
+      addMessage: jt,
+      clearMessages: jt
     });
   }
 }
@@ -4300,7 +4300,7 @@ const Lo = $(
       );
     }
   )
-), $o = ut(lo, {
+), $o = pt(lo, {
   shouldForwardProp: (t) => t !== "selected"
 })(({ theme: t }) => {
   var e, o, r;
@@ -4411,7 +4411,7 @@ const Ii = $(
                 // 20px
               },
               children: /* @__PURE__ */ a(
-                Vt,
+                Nt,
                 {
                   value: m,
                   onChange: u,
@@ -4449,7 +4449,7 @@ const Ii = $(
                     }, b = f(), h = y(), v = () => {
                       s || d(g), i == null || i(g);
                     }, x = /* @__PURE__ */ a(
-                      zt,
+                      Vt,
                       {
                         label: p.label,
                         icon: p.icon,
@@ -4544,7 +4544,7 @@ const Ii = $(
 ), No = (t) => {
   const e = Math.floor(t / 86400), o = Math.floor(t % 86400 / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, n = [];
   return e > 0 ? (n.push(e.toString()), n.push(o.toString().padStart(2, "0")), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : o > 0 ? (n.push(o.toString()), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : (n.push(r.toString()), n.push(i.toString().padStart(2, "0"))), n.join(":");
-}, At = (t, e) => {
+}, Jt = (t, e) => {
   const o = Math.floor(t / 86400), r = Math.floor(t % 86400 / 3600), i = Math.floor(t % 3600 / 60), n = t % 60;
   if (typeof Intl < "u" && "DurationFormat" in Intl)
     try {
@@ -4703,7 +4703,7 @@ const Ii = $(
             fontSize: "14px",
             transition: "color 0.5s ease-out"
           },
-          children: o ? n("timer.error") : At(l, c.language)
+          children: o ? n("timer.error") : Jt(l, c.language)
         }
       )
     }
@@ -4788,7 +4788,7 @@ const Ii = $(
               letterSpacing: "normal",
               transition: "color 0.8s ease-in-out, font-size 0.3s ease-out, opacity 2s ease-in-out"
             },
-            children: o ? n("timer.error") : At(l, c.language)
+            children: o ? n("timer.error") : Jt(l, c.language)
           }
         )
       ]
@@ -4853,7 +4853,7 @@ const Ii = $(
     isPausedState: !1,
     currentProgress: 0,
     wasRunningBeforeError: !1
-  }), s = A(null), l = A(null), d = A(0), m = A(0), [u] = $t([0], {
+  }), s = A(null), l = A(null), d = A(0), m = A(0), [u] = zt([0], {
     tension: 80,
     friction: 18,
     onChange: ([h]) => {
@@ -5000,16 +5000,16 @@ const Ii = $(
       );
     }
   )
-), Jt = 1e-4, qo = {
+), Ft = 1e-4, qo = {
   a: 0,
   d: 0,
   alpha: 0,
   theta: 0,
   reverse_rotation_direction: !1
 };
-class gt {
+class ut {
   constructor(e, o, r, i, n, c, s, l, d, m, u) {
-    this.nova = e, this.cellId = o, this.controller = r, this.motionGroup = i, this.initialMotionState = n, this.motionStateSocket = c, this.isVirtual = s, this.tcps = l, this.description = d, this.initialControllerState = m, this.controllerStateSocket = u, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.rapidlyChangingMotionState = n, this.controllerState = m, u.addEventListener("message", (p) => {
+    this.cellId = o, this.controller = r, this.motionGroup = i, this.initialMotionState = n, this.motionStateSocket = c, this.isVirtual = s, this.tcps = l, this.description = d, this.initialControllerState = m, this.controllerStateSocket = u, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.nova = dt(e), this.rapidlyChangingMotionState = n, this.controllerState = m, u.addEventListener("message", (p) => {
       var f;
       const g = (f = W(p.data)) == null ? void 0 : f.result;
       g && D(() => {
@@ -5022,16 +5022,16 @@ class gt {
         throw new Error(
           `Failed to get motion state for ${this.motionGroupId}: ${p.data}`
         );
-      Ut(
+      Ht(
         this.rapidlyChangingMotionState.joint_position,
         g.joint_position,
-        Jt
+        Ft
       ) || D(() => {
         this.rapidlyChangingMotionState.joint_position = g.joint_position;
-      }), Ht(
+      }), qt(
         this.rapidlyChangingMotionState,
         g,
-        Jt
+        Ft
       ) || D(() => {
         this.rapidlyChangingMotionState.tcp_pose = g.tcp_pose;
       }), g.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== g.tcp && D(() => {
@@ -5039,18 +5039,18 @@ class gt {
       }), this.rapidlyChangingMotionState.standstill !== g.standstill && D(() => {
         this.rapidlyChangingMotionState.standstill = g.standstill;
       });
-    }), mt(this);
+    }), ht(this);
   }
   static async connectMultiple(e, o, r = {}) {
     return Promise.all(
       o.map(
-        (i) => gt.connect(e, i, r)
+        (i) => ut.connect(e, i, r)
       )
     );
   }
   static async connect(e, o, r = {}) {
     var T, C;
-    const i = qt(e), n = r.cellId ?? "cell", [c, s] = o.split("@"), l = await i.api.controller.getCurrentRobotControllerState(
+    const i = dt(e), n = r.cellId ?? "cell", [c, s] = o.split("@"), l = await i.api.controller.getCurrentRobotControllerState(
       n,
       s
     ), d = l == null ? void 0 : l.motion_groups.find(
@@ -5097,7 +5097,7 @@ class gt {
       `Connected controller state websocket to controller ${l.controller}. Initial state:
   `,
       x
-    ), new gt(
+    ), new ut(
       i,
       n,
       l,
@@ -5152,12 +5152,12 @@ class gt {
   /** Gets the robot mounting position rotation in 3D viz coordinates */
   get mountingQuaternion() {
     var i, n, c, s, l, d;
-    const e = new Et.Vector3(
+    const e = new Pt.Vector3(
       ((n = (i = this.description.mounting) == null ? void 0 : i.orientation) == null ? void 0 : n[0]) || 0,
       ((s = (c = this.description.mounting) == null ? void 0 : c.orientation) == null ? void 0 : s[1]) || 0,
       ((d = (l = this.description.mounting) == null ? void 0 : l.orientation) == null ? void 0 : d[2]) || 0
     ), o = e.length(), r = e.normalize();
-    return new Et.Quaternion().setFromAxisAngle(r, o);
+    return new Pt.Quaternion().setFromAxisAngle(r, o);
   }
   /**
    * Whether the controller is currently in a safety state
@@ -5253,7 +5253,7 @@ class gt {
 }
 function ee() {
   var e, o, r, i, n, c;
-  const t = Ft({
+  const t = Bt({
     palette: {
       mode: "dark",
       text: {
@@ -5599,14 +5599,14 @@ function Ri(t) {
   let e = !0;
   ((r = t.palette) == null ? void 0 : r.mode) === "light" ? e = !1 : ((i = t.palette) == null ? void 0 : i.mode) !== "dark" && (e = !(typeof window < "u" && ((c = (n = window.matchMedia) == null ? void 0 : n.call(window, "(prefers-color-scheme: light)")) == null ? void 0 : c.matches)));
   const o = e ? ee() : Yo();
-  return Ft(o, t);
+  return Bt(o, t);
 }
 export {
   pi as A,
   mi as C,
-  bt as J,
+  xt as J,
   Jo as L,
-  ht as M,
+  ft as M,
   wi as N,
   fi as P,
   Ti as R,
@@ -5614,7 +5614,7 @@ export {
   Ii as T,
   _o as V,
   yo as W,
-  _t as a,
+  Ot as a,
   So as b,
   Ri as c,
   hi as d,
@@ -5632,10 +5632,10 @@ export {
   Lo as p,
   ki as q,
   Zt as r,
-  gt as s,
-  ft as t,
-  Ut as u,
+  ut as s,
+  bt as t,
+  Ht as u,
   vo as v,
-  Ht as w,
+  qt as w,
   Co as x
 };