@wandelbots/wandelbots-js-react-components 5.10.0 → 6.0.0

package/dist/chunks/{theming-D4Vvwf6q.js → theming-B2dYJ4Ca.js}

@@ -1,79 +1,79 @@
-import { jsx as a, jsxs as S, Fragment as nt } from "react/jsx-runtime";
-import { styled as dt, alpha as Rt, useTheme as B } from "@mui/material/styles";
-import oe from "@mui/material/TextField";
-import ne from "@mui/material/AppBar";
-import Lt from "@mui/material/Backdrop";
-import T from "@mui/material/Box";
-import q from "@mui/material/IconButton";
-import ie from "@mui/material/Menu";
-import Z from "@mui/material/MenuItem";
-import re from "@mui/material/Toolbar";
+import { jsx as a, jsxs as S, Fragment as rt } from "react/jsx-runtime";
+import { styled as gt, alpha as jt, useTheme as B } from "@mui/material/styles";
+import ie from "@mui/material/TextField";
+import re from "@mui/material/AppBar";
+import Vt from "@mui/material/Backdrop";
+import M from "@mui/material/Box";
+import Y from "@mui/material/IconButton";
+import ae from "@mui/material/Menu";
+import X from "@mui/material/MenuItem";
+import se from "@mui/material/Toolbar";
 import R from "@mui/material/Typography";
-import { observer as J, useLocalObservable as zt } from "mobx-react-lite";
-import { useState as $, useRef as A, useCallback as P, useEffect as F, useMemo as st, useId as ae } from "react";
-import { e as z } from "./externalizeComponent-EDymnaGR.js";
-import se from "@mui/material/SvgIcon";
-import H from "@mui/material/Fade";
-import { Gauge as le } from "@mui/x-charts/Gauge";
-import { useTranslation as V } from "react-i18next";
-import { f as Vt, e as ft } from "./interpolation-DG8VTxzS.js";
-import ce from "@mui/icons-material/Clear";
-import de from "@mui/icons-material/FilterList";
-import jt from "@mui/icons-material/Search";
+import { observer as L, useLocalObservable as Nt } from "mobx-react-lite";
+import * as A from "react";
+import { useState as $, useRef as J, useCallback as P, useEffect as F, useMemo as ct, forwardRef as Z, useId as le } from "react";
+import { e as V } from "./externalizeComponent-EDymnaGR.js";
+import ce from "@mui/material/SvgIcon";
+import q from "@mui/material/Fade";
+import { Gauge as de } from "@mui/x-charts/Gauge";
+import { useTranslation as N } from "react-i18next";
+import { f as Wt, e as xt } from "./interpolation-DG8VTxzS.js";
+import ue from "@mui/icons-material/Clear";
+import ge from "@mui/icons-material/FilterList";
+import Pt from "@mui/icons-material/Search";
 import U from "@mui/material/Divider";
-import { useGridApiRef as ue, DataGrid as ge, Toolbar as pe, FilterPanelTrigger as me, ToolbarButton as gt, QuickFilter as he, QuickFilterTrigger as fe, QuickFilterControl as be, QuickFilterClear as xe } from "@mui/x-data-grid";
-import ye from "@mui/icons-material/OpenWith";
-import Se from "@mui/icons-material/Share";
+import { useGridApiRef as pe, DataGrid as me, Toolbar as he, FilterPanelTrigger as fe, ToolbarButton as mt, QuickFilter as be, QuickFilterTrigger as xe, QuickFilterControl as ye, QuickFilterClear as Se } from "@mui/x-data-grid";
+import ve from "@mui/icons-material/OpenWith";
+import we from "@mui/icons-material/Share";
 import _ from "@mui/material/Stack";
-import Nt from "@mui/material/Tab";
-import Wt from "@mui/material/Tabs";
-import { JointTypeEnum as G, Nova as ve, poseToWandelscriptString as Ce } from "@wandelbots/nova-js/v2";
-import { lowerFirst as we, countBy as Te, isString as Ie } from "lodash-es";
-import { runInAction as D, makeAutoObservable as bt, when as lt, autorun as Et, makeObservable as Me, action as Pt, observable as ke } from "mobx";
-import { radiansToDegrees as Gt, tryParseJson as W, XYZ_TO_VECTOR as ot, degreesToRadians as Re } from "@wandelbots/nova-js";
-import { Vector3 as pt } from "three/src/math/Vector3.js";
-import Ut from "@mui/material/CircularProgress";
-import { capitalize as je } from "@mui/material/utils";
-import { m as Ee } from "./SafetyBar-CxxIVVeR.js";
-import Pe from "@mui/material/Alert";
-import _e from "@mui/material/AlertTitle";
-import Q from "@mui/material/Button";
-import _t from "@mui/material/ToggleButton";
-import { c as Oe, d as De, F as Ae, a as Je, b as Fe, f as Be, e as $e } from "./robot-Cy9ST5-m.js";
-import Le from "lodash-es/isEqual.js";
-import ze from "@mui/material/InputAdornment";
-import Ve from "@mui/material/FormControl";
-import Ne from "@mui/material/InputLabel";
-import We from "@mui/material/Select";
-import rt from "lodash-es/keyBy.js";
-import Ge from "lodash-es/uniqueId.js";
-import Ue from "@mui/material/ToggleButtonGroup";
-import Ht from "@mui/material/Slider";
-import He from "lodash-es/isNumber.js";
-import qe from "@mui/icons-material/ChevronLeft";
-import Ye from "@mui/icons-material/ChevronRight";
-import Ze from "lodash-es/throttle.js";
-import Qe from "@mui/material/Tooltip";
-import Xe from "@mui/icons-material/ContentCopy";
-import Ke from "@mui/icons-material/DescriptionOutlined";
-import to from "@mui/icons-material/ExpandLess";
-import eo from "@mui/icons-material/ExpandMore";
-import oo from "@mui/material/Paper";
-import no from "@mui/material/Dialog";
-import io from "@mui/material/DialogActions";
-import ro from "@mui/material/DialogContent";
-import ao from "@mui/material/DialogTitle";
-import so from "@mui/icons-material/Error";
-import lo from "@mui/material/Chip";
-import co from "@mui/material/Fab";
-import uo from "@mui/material/Badge";
-import { Gauge as go } from "@mui/x-charts";
-import * as Ot from "three";
-import { Vector3 as Dt } from "three";
-import { createNovaMuiTheme as po } from "@wandelbots/mui";
-import { RadiusSm as Y } from "@wandelbots/design-tokens";
+import Gt from "@mui/material/Tab";
+import Ht from "@mui/material/Tabs";
+import { JointTypeEnum as H, Nova as Ce, poseToWandelscriptString as Me } from "@wandelbots/nova-js/v2";
+import { lowerFirst as Te, countBy as Ie, isString as ke } from "lodash-es";
+import { runInAction as D, makeAutoObservable as yt, when as dt, autorun as _t, makeObservable as Re, action as At, observable as Ee } from "mobx";
+import { radiansToDegrees as Ut, tryParseJson as G, XYZ_TO_VECTOR as it, degreesToRadians as je } from "@wandelbots/nova-js";
+import { Vector3 as ht } from "three/src/math/Vector3.js";
+import qt from "@mui/material/CircularProgress";
+import { capitalize as Pe } from "@mui/material/utils";
+import { m as _e } from "./SafetyBar-Cy9DiXp9.js";
+import Ae from "@mui/material/Alert";
+import Oe from "@mui/material/AlertTitle";
+import K from "@mui/material/Button";
+import Ot from "@mui/material/ToggleButton";
+import De from "lodash-es/isEqual.js";
+import Je from "@mui/material/InputAdornment";
+import Le from "@mui/material/FormControl";
+import Fe from "@mui/material/InputLabel";
+import Be from "@mui/material/Select";
+import st from "lodash-es/keyBy.js";
+import $e from "lodash-es/uniqueId.js";
+import ze from "@mui/material/ToggleButtonGroup";
+import Yt from "@mui/material/Slider";
+import Ve from "lodash-es/isNumber.js";
+import Ne from "@mui/icons-material/ChevronLeft";
+import We from "@mui/icons-material/ChevronRight";
+import Ge from "lodash-es/throttle.js";
+import He from "@mui/material/Tooltip";
+import Ue from "@mui/icons-material/ContentCopy";
+import qe from "@mui/icons-material/DescriptionOutlined";
+import Ye from "@mui/icons-material/ExpandLess";
+import Ze from "@mui/icons-material/ExpandMore";
+import Qe from "@mui/material/Paper";
+import Xe from "@mui/material/Dialog";
+import Ke from "@mui/material/DialogActions";
+import to from "@mui/material/DialogContent";
+import eo from "@mui/material/DialogTitle";
+import oo from "@mui/icons-material/Error";
+import no from "@mui/material/Chip";
+import io from "@mui/material/Fab";
+import ro from "@mui/material/Badge";
+import { Gauge as ao } from "@mui/x-charts";
+import * as Dt from "three";
+import { Vector3 as Jt } from "three";
+import { createNovaMuiTheme as so } from "@wandelbots/mui";
+import { RadiusSm as Q } from "@wandelbots/design-tokens";
 import "@mui/x-data-grid/themeAugmentation";
-const mo = dt(oe, {
+const lo = gt(ie, {
   shouldForwardProp: (e) => e !== "adornedSize"
 })(({ theme: e, adornedSize: t = "medium" }) => ({
   "&.MuiTextField-root": {
@@ -119,13 +119,13 @@ const mo = dt(oe, {
       }
     }
   }
-})), vi = ({
+})), Ei = ({
   adornedSize: e = "medium",
   ...t
 }) => {
   var o;
   return /* @__PURE__ */ a(
-    mo,
+    lo,
     {
       adornedSize: e,
       ...t,
@@ -138,20 +138,20 @@ const mo = dt(oe, {
       }
     }
   );
-}, ho = (e) => /* @__PURE__ */ a(se, { ...e, viewBox: "0 0 10 8", children: /* @__PURE__ */ a(
+}, co = (e) => /* @__PURE__ */ a(ce, { ...e, viewBox: "0 0 10 8", children: /* @__PURE__ */ a(
   "path",
   {
     d: "M8.825 0.9125L5 4.72917L1.175 0.9125L0 2.0875L5 7.0875L10 2.0875L8.825 0.9125Z",
     fill: "currentColor",
     fillOpacity: "0.56"
   }
-) }), Ci = z(
-  J((e) => {
+) }), ji = V(
+  L((e) => {
     const {
       appIcon: t,
       appName: o,
-      apps: r = [],
-      onAppSelect: i,
+      apps: i = [],
+      onAppSelect: r,
       disabled: n = !1,
       sx: c
     } = e, [s, l] = $(null), d = !!s, m = (u) => {
@@ -159,11 +159,11 @@ const mo = dt(oe, {
     }, g = () => {
       l(null);
     }, p = (u) => {
-      g(), u.onClick ? u.onClick() : u.href && (window.location.href = u.href), i == null || i(u);
+      g(), u.onClick ? u.onClick() : u.href && (window.location.href = u.href), r == null || r(u);
     };
-    return /* @__PURE__ */ S(nt, { children: [
+    return /* @__PURE__ */ S(rt, { children: [
       /* @__PURE__ */ a(
-        ne,
+        re,
         {
           position: "static",
           sx: {
@@ -175,9 +175,9 @@ const mo = dt(oe, {
             },
             ...c
           },
-          children: /* @__PURE__ */ S(re, { sx: { minHeight: "62px !important" }, children: [
-            /* @__PURE__ */ a(T, { sx: { mr: 1, display: "flex", alignItems: "center" }, children: t }),
-            /* @__PURE__ */ S(T, { sx: { display: "flex", alignItems: "center", flexGrow: 1 }, children: [
+          children: /* @__PURE__ */ S(se, { sx: { minHeight: "62px !important" }, children: [
+            /* @__PURE__ */ a(M, { sx: { mr: 1, display: "flex", alignItems: "center" }, children: t }),
+            /* @__PURE__ */ S(M, { sx: { display: "flex", alignItems: "center", flexGrow: 1 }, children: [
               /* @__PURE__ */ a(
                 R,
                 {
@@ -189,8 +189,8 @@ const mo = dt(oe, {
                   children: o
                 }
               ),
-              r.length > 0 && /* @__PURE__ */ a(
-                q,
+              i.length > 0 && /* @__PURE__ */ a(
+                Y,
                 {
                   color: "inherit",
                   "aria-label": "switch app",
@@ -204,10 +204,10 @@ const mo = dt(oe, {
                     height: 28,
                     borderRadius: "6px",
                     padding: 0,
-                    backgroundColor: (u) => Rt(u.palette.common.white, 0.1),
+                    backgroundColor: (u) => jt(u.palette.common.white, 0.1),
                     opacity: 1,
                     "&:hover": {
-                      backgroundColor: (u) => Rt(u.palette.common.white, 0.16)
+                      backgroundColor: (u) => jt(u.palette.common.white, 0.16)
                     },
                     "& .MuiSvgIcon-root": {
                       fontSize: "8px",
@@ -215,7 +215,7 @@ const mo = dt(oe, {
                       height: "6px"
                     }
                   },
-                  children: /* @__PURE__ */ a(ho, {})
+                  children: /* @__PURE__ */ a(co, {})
                 }
               )
             ] })
@@ -223,7 +223,7 @@ const mo = dt(oe, {
         }
       ),
       /* @__PURE__ */ a(
-        Lt,
+        Vt,
         {
           open: d,
           onClick: g,
@@ -235,7 +235,7 @@ const mo = dt(oe, {
         }
       ),
       /* @__PURE__ */ a(
-        ie,
+        ae,
         {
           id: "app-menu",
           anchorEl: s,
@@ -256,35 +256,35 @@ const mo = dt(oe, {
               mt: 1
             }
           },
-          children: r.map((u) => /* @__PURE__ */ S(Z, { onClick: () => p(u), children: [
-            /* @__PURE__ */ a(T, { sx: { display: "flex", alignItems: "center" }, children: u.icon }),
+          children: i.map((u) => /* @__PURE__ */ S(X, { onClick: () => p(u), children: [
+            /* @__PURE__ */ a(M, { sx: { display: "flex", alignItems: "center" }, children: u.icon }),
             /* @__PURE__ */ a(R, { variant: "body1", sx: { ml: 2 }, children: u.name })
           ] }, u.id))
         }
       )
     ] });
   })
-), fo = (e) => {
-  const t = Math.floor(e / 86400), o = Math.floor(e % 86400 / 3600), r = Math.floor(e % 3600 / 60), i = e % 60, n = [];
-  return t > 0 ? (n.push(t.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(":");
-}, N = (e, t) => {
-  const o = Math.floor(e / 86400), r = Math.floor(e % 86400 / 3600), i = Math.floor(e % 3600 / 60), n = e % 60;
+), uo = (e) => {
+  const t = Math.floor(e / 86400), o = Math.floor(e % 86400 / 3600), i = Math.floor(e % 3600 / 60), r = e % 60, n = [];
+  return t > 0 ? (n.push(t.toString()), n.push(o.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0")), n.push(r.toString().padStart(2, "0"))) : o > 0 ? (n.push(o.toString()), n.push(i.toString().padStart(2, "0")), n.push(r.toString().padStart(2, "0"))) : (n.push(i.toString()), n.push(r.toString().padStart(2, "0"))), n.join(":");
+}, W = (e, t) => {
+  const o = Math.floor(e / 86400), i = Math.floor(e % 86400 / 3600), r = Math.floor(e % 3600 / 60), n = e % 60;
   if (typeof Intl < "u" && "DurationFormat" in Intl)
     try {
       const s = {};
-      return o > 0 && (s.days = o), r > 0 && (s.hours = r), i > 0 && (s.minutes = i), (n > 0 || Object.keys(s).length === 0) && (s.seconds = n), new Intl.DurationFormat(t, { style: "narrow" }).format(s);
+      return o > 0 && (s.days = o), i > 0 && (s.hours = i), r > 0 && (s.minutes = r), (n > 0 || Object.keys(s).length === 0) && (s.seconds = n), new Intl.DurationFormat(t, { style: "narrow" }).format(s);
     } catch {
     }
   const c = [];
-  return o > 0 && c.push(`${o}d`), r > 0 && c.push(`${r}h`), i > 0 && c.push(`${i}m`), (n > 0 || c.length === 0) && c.push(`${n}s`), c.join(" ");
-}, bo = (e, t, o) => e === "countdown" && o !== null ? Math.min(100, t / o * 100) : e === "measuring" ? t / 60 % 1 * 100 : 0, xo = ({
+  return o > 0 && c.push(`${o}d`), i > 0 && c.push(`${i}h`), r > 0 && c.push(`${r}m`), (n > 0 || c.length === 0) && c.push(`${n}s`), c.join(" ");
+}, go = (e, t, o) => e === "countdown" && o !== null ? Math.min(100, t / o * 100) : e === "measuring" ? t / 60 % 1 * 100 : 0, po = ({
   timerState: e,
   animationState: t,
   hasError: o,
-  className: r
+  className: i
 }) => {
-  var f, w;
-  const { t: i, i18n: n } = V(), c = B(), { currentState: s, remainingTime: l, maxTime: d, currentProgress: m } = e, {
+  var f, C;
+  const { t: r, i18n: n } = N(), c = B(), { currentState: s, remainingTime: l, maxTime: d, currentProgress: m } = e, {
     showErrorAnimation: g,
     showPauseAnimation: p,
     showPulsatingText: u,
@@ -295,9 +295,9 @@ const mo = dt(oe, {
     idleDotsCount: v
   } = t;
   return /* @__PURE__ */ S(
-    T,
+    M,
     {
-      className: r,
+      className: i,
       sx: {
         position: "relative",
         width: 264,
@@ -308,7 +308,7 @@ const mo = dt(oe, {
       },
       children: [
         /* @__PURE__ */ a(
-          le,
+          de,
           {
             width: 264,
             height: 264,
@@ -343,7 +343,7 @@ const mo = dt(oe, {
           }
         ),
         /* @__PURE__ */ S(
-          T,
+          M,
           {
             sx: {
               position: "absolute",
@@ -353,7 +353,7 @@ const mo = dt(oe, {
               width: 225,
               height: 225,
               borderRadius: "50%",
-              backgroundColor: (w = c.palette.backgroundPaperElevation) == null ? void 0 : w[8],
+              backgroundColor: (C = c.palette.backgroundPaperElevation) == null ? void 0 : C[8],
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
@@ -364,7 +364,7 @@ const mo = dt(oe, {
             },
             children: [
               /* @__PURE__ */ a(
-                T,
+                M,
                 {
                   sx: {
                     height: "16px",
@@ -374,7 +374,7 @@ const mo = dt(oe, {
                     marginBottom: 1
                   },
                   children: /* @__PURE__ */ a(
-                    H,
+                    q,
                     {
                       in: y && !o && s !== "idle" && s !== "success",
                       timeout: 300,
@@ -394,7 +394,7 @@ const mo = dt(oe, {
                                 opacity: s === "measured" && b ? u ? 1 : 0.6 : 1,
                                 transition: "opacity 2s ease-in-out"
                               },
-                              children: s === "measuring" || s === "measured" ? i("CycleTimer.CycleTime.lb", "Cycle Time") : s === "countdown" ? i("CycleTimer.RemainingTime.lb", "Remaining Time") : ""
+                              children: s === "measuring" || s === "measured" ? r("CycleTimer.CycleTime.lb", "Cycle Time") : s === "countdown" ? r("CycleTimer.RemainingTime.lb", "Remaining Time") : ""
                             }
                           )
                         }
@@ -404,7 +404,7 @@ const mo = dt(oe, {
                 }
               ),
               /* @__PURE__ */ S(
-                T,
+                M,
                 {
                   sx: {
                     position: "relative",
@@ -416,7 +416,7 @@ const mo = dt(oe, {
                   },
                   children: [
                     /* @__PURE__ */ a(
-                      H,
+                      q,
                       {
                         in: x && s === "idle" && !o,
                         timeout: 200,
@@ -446,7 +446,7 @@ const mo = dt(oe, {
                                     opacity: h ? 1 : 0.6,
                                     transition: "opacity 2s ease-in-out"
                                   },
-                                  children: i(
+                                  children: r(
                                     "CycleTimer.WaitingForCycle.lb",
                                     "Waiting for program cycle"
                                   )
@@ -470,7 +470,7 @@ const mo = dt(oe, {
                         )
                       }
                     ),
-                    /* @__PURE__ */ a(H, { in: x && o, timeout: 200, children: /* @__PURE__ */ a(
+                    /* @__PURE__ */ a(q, { in: x && o, timeout: 200, children: /* @__PURE__ */ a(
                       R,
                       {
                         variant: "h3",
@@ -481,11 +481,11 @@ const mo = dt(oe, {
                           color: c.palette.text.primary,
                           lineHeight: "116.7%"
                         },
-                        children: i("CycleTimer.Error.lb", "Error")
+                        children: r("CycleTimer.Error.lb", "Error")
                       }
                     ) }),
                     /* @__PURE__ */ a(
-                      H,
+                      q,
                       {
                         in: x && !o && s !== "idle" && s !== "success",
                         timeout: 300,
@@ -508,7 +508,7 @@ const mo = dt(oe, {
                                   opacity: 1,
                                   transition: "opacity 2s ease-in-out"
                                 },
-                                children: fo(l)
+                                children: uo(l)
                               }
                             )
                           }
@@ -519,7 +519,7 @@ const mo = dt(oe, {
                 }
               ),
               /* @__PURE__ */ a(
-                T,
+                M,
                 {
                   sx: {
                     height: "16px",
@@ -529,7 +529,7 @@ const mo = dt(oe, {
                     justifyContent: "center"
                   },
                   children: /* @__PURE__ */ a(
-                    H,
+                    q,
                     {
                       in: y && !o && s !== "idle" && s !== "success",
                       timeout: 300,
@@ -549,8 +549,8 @@ const mo = dt(oe, {
                                 opacity: s === "measured" && b ? u ? 1 : 0.6 : 1,
                                 transition: "opacity 2s ease-in-out"
                               },
-                              children: s === "measuring" ? i("CycleTimer.Measuring.lb", "measuring...") : s === "measured" ? i("CycleTimer.Determined.lb", "determined") : s === "countdown" && d !== null ? i("CycleTimer.OfTime.lb", {
-                                time: N(d, n.language)
+                              children: s === "measuring" ? r("CycleTimer.Measuring.lb", "measuring...") : s === "measured" ? r("CycleTimer.Determined.lb", "determined") : s === "countdown" && d !== null ? r("CycleTimer.OfTime.lb", {
+                                time: W(d, n.language)
                               }) : ""
                             }
                           )
@@ -566,14 +566,14 @@ const mo = dt(oe, {
       ]
     }
   );
-}, yo = ({
+}, mo = ({
   timerState: e,
   animationState: t,
   hasError: o,
-  compact: r,
-  className: i
+  compact: i,
+  className: r
 }) => {
-  const { t: n, i18n: c } = V(), s = B(), { currentState: l, remainingTime: d, maxTime: m } = e, {
+  const { t: n, i18n: c } = N(), s = B(), { currentState: l, remainingTime: d, maxTime: m } = e, {
     showErrorAnimation: g,
     showPauseAnimation: p,
     showPulsatingText: u,
@@ -581,10 +581,10 @@ const mo = dt(oe, {
     showIdlePulsating: y,
     idleDotsCount: x
   } = t;
-  return r && l === "idle" ? /* @__PURE__ */ a(
-    T,
+  return i && l === "idle" ? /* @__PURE__ */ a(
+    M,
     {
-      className: i,
+      className: r,
       sx: {
         display: "flex",
         alignItems: "center",
@@ -599,14 +599,14 @@ const mo = dt(oe, {
             fontSize: "14px",
             transition: "color 0.5s ease-out"
           },
-          children: o ? n("CycleTimer.Error.lb", "Error") : l === "idle" ? "0s" : N(d, c.language)
+          children: o ? n("CycleTimer.Error.lb", "Error") : l === "idle" ? "0s" : W(d, c.language)
         }
       )
     }
   ) : /* @__PURE__ */ S(
-    T,
+    M,
     {
-      className: i,
+      className: r,
       sx: {
         display: "flex",
         alignItems: "center",
@@ -614,8 +614,8 @@ const mo = dt(oe, {
         gap: 1
       },
       children: [
-        !(l === "idle" && r) && /* @__PURE__ */ a(
-          T,
+        !(l === "idle" && i) && /* @__PURE__ */ a(
+          M,
           {
             sx: {
               width: 20,
@@ -686,7 +686,7 @@ const mo = dt(oe, {
               opacity: l === "idle" ? y ? 1 : 0.6 : l === "measured" && b ? u ? 1 : 0.6 : 1,
               transition: "color 0.8s ease-in-out, font-size 0.3s ease-out, opacity 2s ease-in-out"
             },
-            children: o ? n("CycleTimer.Error.lb", "Error") : l === "idle" ? /* @__PURE__ */ S(nt, { children: [
+            children: o ? n("CycleTimer.Error.lb", "Error") : l === "idle" ? /* @__PURE__ */ S(rt, { children: [
               /* @__PURE__ */ a("span", { children: n("CycleTimer.WaitingForCycle.lb", "Waiting for program cycle") }),
               /* @__PURE__ */ a(
                 "span",
@@ -699,13 +699,13 @@ const mo = dt(oe, {
                   children: ".".repeat(x)
                 }
               )
-            ] }) : l === "measuring" ? r ? N(d, c.language) : `${N(d, c.language)} / ${n("CycleTimer.Measuring.lb", "measuring...")}` : l === "measured" ? r ? N(d, c.language) : `${N(d, c.language)} / ${n("CycleTimer.Determined.lb", "determined")}` : l === "countdown" && m !== null ? r ? N(d, c.language) : `${N(d, c.language)} / ${n("CycleTimer.Time.lb", { time: N(m, c.language) })}` : N(d, c.language)
+            ] }) : l === "measuring" ? i ? W(d, c.language) : `${W(d, c.language)} / ${n("CycleTimer.Measuring.lb", "measuring...")}` : l === "measured" ? i ? W(d, c.language) : `${W(d, c.language)} / ${n("CycleTimer.Determined.lb", "determined")}` : l === "countdown" && m !== null ? i ? W(d, c.language) : `${W(d, c.language)} / ${n("CycleTimer.Time.lb", { time: W(m, c.language) })}` : W(d, c.language)
           }
         )
       ]
     }
   );
-}, So = () => {
+}, ho = () => {
   const [e, t] = $({
     showPauseAnimation: !1,
     showErrorAnimation: !1,
@@ -715,43 +715,43 @@ const mo = dt(oe, {
     showMainText: !0,
     showIdlePulsating: !1,
     idleDotsCount: 0
-  }), o = A(
+  }), o = J(
     null
-  ), r = A(
+  ), i = J(
     null
-  ), i = A(
+  ), r = J(
     null
-  ), n = A(null), c = A(0), s = A(null), l = A(
+  ), n = J(null), c = J(0), s = J(null), l = J(
     null
   ), d = P(() => {
     t((f) => ({ ...f, showPauseAnimation: !0 })), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
       t((f) => ({ ...f, showPauseAnimation: !1 }));
     }, 800);
   }, []), m = P(() => {
-    t((f) => ({ ...f, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+    t((f) => ({ ...f, showErrorAnimation: !0 })), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
       t((f) => ({ ...f, showErrorAnimation: !1 }));
     }, 600);
   }, []), g = P(() => {
-    t((f) => ({ ...f, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
+    t((f) => ({ ...f, showErrorAnimation: !1 })), i.current && clearTimeout(i.current);
   }, []), p = P((f) => {
-    c.current = 0, t((w) => ({
-      ...w,
+    c.current = 0, t((C) => ({
+      ...C,
       showPulsatingText: !0,
       pulsatingFinished: !1
     })), setTimeout(() => {
-      t((w) => ({
-        ...w,
+      t((C) => ({
+        ...C,
         pulsatingFinished: !0
         // This will keep the success color and start slow pulsating
-      })), i.current = setInterval(() => {
-        t((w) => ({
-          ...w,
-          showPulsatingText: !w.showPulsatingText
+      })), r.current = setInterval(() => {
+        t((C) => ({
+          ...C,
+          showPulsatingText: !C.showPulsatingText
         }));
       }, 2e3), f && f();
     }, 800);
   }, []), u = P(() => {
-    i.current && (clearInterval(i.current), i.current = null), t((f) => ({
+    r.current && (clearInterval(r.current), r.current = null), t((f) => ({
       ...f,
       showPulsatingText: !1,
       pulsatingFinished: !1
@@ -797,7 +797,7 @@ const mo = dt(oe, {
       showMainText: !0
     }));
   }, []), v = P(() => {
-    o.current && clearTimeout(o.current), r.current && clearTimeout(r.current), n.current && clearTimeout(n.current), i.current && clearInterval(i.current), s.current && clearInterval(s.current), l.current && clearInterval(l.current);
+    o.current && clearTimeout(o.current), i.current && clearTimeout(i.current), n.current && clearTimeout(n.current), r.current && clearInterval(r.current), s.current && clearInterval(s.current), l.current && clearInterval(l.current);
   }, []);
   return {
     animationState: e,
@@ -812,12 +812,12 @@ const mo = dt(oe, {
     setInitialAnimationState: h,
     cleanup: v
   };
-}, vo = ({
+}, fo = ({
   autoStart: e,
   onCycleEnd: t,
   onMeasuringComplete: o,
-  hasError: r,
-  onPauseAnimation: i,
+  hasError: i,
+  onPauseAnimation: r,
   onErrorAnimation: n,
   onClearErrorAnimation: c,
   onStartPulsating: s
@@ -830,15 +830,15 @@ const mo = dt(oe, {
     isPausedState: !1,
     currentProgress: 0,
     wasRunningBeforeError: !1
-  }), m = A(null), g = A(null), p = A(0), [u] = Vt([0], {
+  }), m = J(null), g = J(null), p = J(0), [u] = Wt([0], {
     tension: 80,
     friction: 18,
-    onChange: ([C]) => {
-      d((I) => ({ ...I, currentProgress: C }));
+    onChange: ([w]) => {
+      d((T) => ({ ...T, currentProgress: w }));
     }
   }), b = P(() => {
-    d((C) => ({
-      ...C,
+    d((w) => ({
+      ...w,
       currentState: "idle",
       maxTime: null,
       // Don't reset remainingTime - keep the last value
@@ -848,41 +848,41 @@ const mo = dt(oe, {
       // Reset progress to 0 for gauge
     })), p.current = 0, g.current = null, u.setImmediate([0]);
   }, [u]), y = P(
-    (C = 0) => {
-      const I = C / 60 % 1 * 100;
-      d((M) => ({
-        ...M,
+    (w = 0) => {
+      const T = w / 60 % 1 * 100;
+      d((I) => ({
+        ...I,
         currentState: "measuring",
         maxTime: null,
-        remainingTime: C,
+        remainingTime: w,
         isPausedState: !1,
-        currentProgress: I
+        currentProgress: T
         // Immediately set progress
-      })), p.current = 0, u.setImmediate([I]), e ? (g.current = Date.now() - C * 1e3, d((M) => ({ ...M, isRunning: !0 }))) : g.current = null;
+      })), p.current = 0, u.setImmediate([T]), e ? (g.current = Date.now() - w * 1e3, d((I) => ({ ...I, isRunning: !0 }))) : g.current = null;
     },
     [e, u]
   ), x = P(
-    (C, I = 0) => {
+    (w, T = 0) => {
       d((k) => ({ ...k, isRunning: !1 })), g.current = null, d((k) => ({
         ...k,
         currentState: "countdown",
-        maxTime: C,
+        maxTime: w,
         isPausedState: !1
       })), p.current = 0;
-      const M = Math.max(0, C - I), j = I > 0 ? I / C * 100 : 0;
+      const I = Math.max(0, w - T), E = T > 0 ? T / w * 100 : 0;
       d((k) => ({
         ...k,
-        remainingTime: M,
-        currentProgress: j
+        remainingTime: I,
+        currentProgress: E
         // Immediately set progress
-      })), u.setImmediate([j]), M === 0 ? (d((k) => ({ ...k, isRunning: !1 })), g.current = null, t && queueMicrotask(() => t())) : e ? setTimeout(() => {
-        g.current = Date.now() - I * 1e3, d((k) => ({ ...k, isRunning: !0 }));
+      })), u.setImmediate([E]), I === 0 ? (d((k) => ({ ...k, isRunning: !1 })), g.current = null, t && queueMicrotask(() => t())) : e ? setTimeout(() => {
+        g.current = Date.now() - T * 1e3, d((k) => ({ ...k, isRunning: !0 }));
       }, 0) : g.current = null;
     },
     [e, t, u]
   ), h = P(() => {
-    d((C) => ({
-      ...C,
+    d((w) => ({
+      ...w,
       isRunning: !1,
       currentState: "measured"
     })), g.current = null, s(() => {
@@ -890,29 +890,29 @@ const mo = dt(oe, {
     });
   }, [s, o]), v = P(() => {
     if (g.current && l.isRunning) {
-      const I = Date.now() - g.current;
-      p.current += I;
-      const M = p.current / 1e3, j = bo(
+      const T = Date.now() - g.current;
+      p.current += T;
+      const I = p.current / 1e3, E = go(
         l.currentState,
-        M,
+        I,
         l.maxTime
       );
-      u.setTarget([j]);
+      u.setTarget([E]);
     }
-    d((C) => ({
-      ...C,
+    d((w) => ({
+      ...w,
       isRunning: !1,
       isPausedState: !0
-    })), i();
+    })), r();
   }, [
     l.isRunning,
     l.currentState,
     l.maxTime,
     u,
-    i
+    r
   ]), f = P(() => {
-    l.isPausedState && (l.remainingTime > 0 || l.currentState !== "countdown") && (g.current = Date.now(), d((C) => ({
-      ...C,
+    l.isPausedState && (l.remainingTime > 0 || l.currentState !== "countdown") && (g.current = Date.now(), d((w) => ({
+      ...w,
       isRunning: !0,
       isPausedState: !1
     })));
@@ -920,11 +920,11 @@ const mo = dt(oe, {
     l.isPausedState,
     l.remainingTime,
     l.currentState
-  ]), w = P(() => l.isPausedState, [l.isPausedState]);
+  ]), C = P(() => l.isPausedState, [l.isPausedState]);
   return F(() => {
-    r ? (l.isRunning && !l.isPausedState && (d((C) => ({ ...C, wasRunningBeforeError: !0 })), v()), n()) : (l.wasRunningBeforeError && l.isPausedState && (d((C) => ({ ...C, wasRunningBeforeError: !1 })), f()), c());
+    i ? (l.isRunning && !l.isPausedState && (d((w) => ({ ...w, wasRunningBeforeError: !0 })), v()), n()) : (l.wasRunningBeforeError && l.isPausedState && (d((w) => ({ ...w, wasRunningBeforeError: !1 })), f()), c());
   }, [
-    r,
+    i,
     l.isRunning,
     l.isPausedState,
     l.wasRunningBeforeError,
@@ -934,19 +934,19 @@ const mo = dt(oe, {
     c
   ]), F(() => {
     if (l.isRunning) {
-      const C = () => {
+      const w = () => {
         if (g.current) {
-          const M = (Date.now() - g.current + p.current) / 1e3;
+          const I = (Date.now() - g.current + p.current) / 1e3;
           if (l.currentState === "countdown" && l.maxTime !== null) {
-            const j = Math.max(0, l.maxTime - M);
-            d((E) => ({
-              ...E,
-              remainingTime: Math.ceil(j)
+            const E = Math.max(0, l.maxTime - I);
+            d((j) => ({
+              ...j,
+              remainingTime: Math.ceil(E)
             }));
-            const k = Math.min(100, M / l.maxTime * 100);
-            if (u.setTarget([k]), j <= 0) {
-              d((E) => ({
-                ...E,
+            const k = Math.min(100, I / l.maxTime * 100);
+            if (u.setTarget([k]), E <= 0) {
+              d((j) => ({
+                ...j,
                 isRunning: !1,
                 remainingTime: 0
               })), g.current = null, u.setTarget([100]), t && queueMicrotask(() => t());
@@ -955,15 +955,15 @@ const mo = dt(oe, {
           } else if (l.currentState === "measuring") {
             d((k) => ({
               ...k,
-              remainingTime: Math.floor(M)
+              remainingTime: Math.floor(I)
             }));
-            const j = M / 60 % 1 * 100;
-            u.setTarget([j]);
+            const E = I / 60 % 1 * 100;
+            u.setTarget([E]);
           }
-          l.isRunning && (m.current = requestAnimationFrame(C));
+          l.isRunning && (m.current = requestAnimationFrame(w));
         }
       };
-      m.current = requestAnimationFrame(C);
+      m.current = requestAnimationFrame(w);
     } else
       m.current && (cancelAnimationFrame(m.current), m.current = null);
     return () => {
@@ -976,12 +976,12 @@ const mo = dt(oe, {
     l.maxTime,
     u
   ]), F(() => {
-    let C = null;
-    const I = () => {
-      u.update(1 / 60), C = requestAnimationFrame(I);
+    let w = null;
+    const T = () => {
+      u.update(1 / 60), w = requestAnimationFrame(T);
     };
-    return C = requestAnimationFrame(I), () => {
-      C && cancelAnimationFrame(C);
+    return w = requestAnimationFrame(T), () => {
+      w && cancelAnimationFrame(w);
     };
   }, [u]), {
     timerState: l,
@@ -992,22 +992,22 @@ const mo = dt(oe, {
       completeMeasuring: h,
       pause: v,
       resume: f,
-      isPaused: w
+      isPaused: C
     }
   };
-}, wi = z(
-  J(
+}, Pi = V(
+  L(
     ({
       onCycleComplete: e,
       onCycleEnd: t,
       onMeasuringComplete: o,
-      autoStart: r = !0,
-      variant: i = "default",
+      autoStart: i = !0,
+      variant: r = "default",
       compact: n = !1,
       className: c,
       hasError: s = !1
     }) => {
-      const l = A(void 0), {
+      const l = J(void 0), {
         animationState: d,
         triggerPauseAnimation: m,
         triggerErrorAnimation: g,
@@ -1019,8 +1019,8 @@ const mo = dt(oe, {
         triggerFadeTransition: h,
         setInitialAnimationState: v,
         cleanup: f
-      } = So(), { timerState: w, controls: C } = vo({
-        autoStart: r,
+      } = ho(), { timerState: C, controls: w } = fo({
+        autoStart: i,
         onCycleEnd: t,
         onMeasuringComplete: o,
         hasError: s,
@@ -1030,36 +1030,36 @@ const mo = dt(oe, {
         onStartPulsating: u
       });
       return F(() => {
-        const I = l.current;
-        l.current !== void 0 && I !== w.currentState ? (I === "measured" && b(), I === "idle" && x(), h()) : v(), w.currentState === "idle" && y(), l.current = w.currentState;
+        const T = l.current;
+        l.current !== void 0 && T !== C.currentState ? (T === "measured" && b(), T === "idle" && x(), h()) : v(), C.currentState === "idle" && y(), l.current = C.currentState;
       }, [
-        w.currentState,
+        C.currentState,
         b,
         x,
         y,
         h,
         v
       ]), F(() => {
-        let I = !0;
-        const M = setTimeout(() => {
-          I && e(C);
+        let T = !0;
+        const I = setTimeout(() => {
+          T && e(w);
         }, 0);
         return () => {
-          I = !1, clearTimeout(M);
+          T = !1, clearTimeout(I);
         };
-      }, [e, C]), F(() => f, [f]), i === "small" ? /* @__PURE__ */ a(
-        yo,
+      }, [e, w]), F(() => f, [f]), r === "small" ? /* @__PURE__ */ a(
+        mo,
         {
-          timerState: w,
+          timerState: C,
           animationState: d,
           hasError: s,
           compact: n,
           className: c
         }
       ) : /* @__PURE__ */ a(
-        xo,
+        po,
         {
-          timerState: w,
+          timerState: C,
           animationState: d,
           hasError: s,
           className: c
@@ -1067,14 +1067,14 @@ const mo = dt(oe, {
       );
     }
   )
-), Co = z(
-  J(
+), bo = V(
+  L(
     ({
       data: e,
       columns: t,
       getRowData: o,
-      onRowClick: r,
-      selectedItem: i,
+      onRowClick: i,
+      selectedItem: r,
       getItemId: n,
       title: c,
       showCount: s = !0,
@@ -1084,8 +1084,8 @@ const mo = dt(oe, {
       selectFirstByDefault: g = !1,
       sx: p
     }) => {
-      var j;
-      const u = B(), b = ue(), y = A(null), [x, h] = $(null), v = st(() => e.map(o), [e, o]);
+      var E;
+      const u = B(), b = pe(), y = J(null), [x, h] = $(null), v = ct(() => e.map(o), [e, o]);
       F(() => {
         b.current && v.length > 0 && b.current.autosizeColumns({
           includeOutliers: !0,
@@ -1101,7 +1101,7 @@ const mo = dt(oe, {
               includeOutliers: !0,
               includeHeaders: !0,
               expand: !0,
-              columns: t.map((E) => E.field)
+              columns: t.map((j) => j.field)
             });
           }, 100);
         });
@@ -1109,9 +1109,9 @@ const mo = dt(oe, {
           k.disconnect();
         };
       }, [b, v.length, t]);
-      const f = st(() => {
-        if (i !== void 0)
-          return i;
+      const f = ct(() => {
+        if (r !== void 0)
+          return r;
         if (x !== null)
           return x;
         if (g && e.length > 0) {
@@ -1119,13 +1119,13 @@ const mo = dt(oe, {
           return h(k), k;
         }
         return null;
-      }, [g, e, i, x]), w = (k) => {
-        const E = e.find((L) => o(L).id === k.id);
-        E && (i === void 0 && h(E), r && r(E, k));
-      }, C = st(() => !f || !n ? null : n(f), [f, n]);
-      function I() {
-        return /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ S(
-          T,
+      }, [g, e, r, x]), C = (k) => {
+        const j = e.find((z) => o(z).id === k.id);
+        j && (r === void 0 && h(j), i && i(j, k));
+      }, w = ct(() => !f || !n ? null : n(f), [f, n]);
+      function T() {
+        return /* @__PURE__ */ a(he, { children: /* @__PURE__ */ S(
+          M,
           {
             sx: {
               display: "flex",
@@ -1150,7 +1150,7 @@ const mo = dt(oe, {
                 }
               ),
               /* @__PURE__ */ S(
-                T,
+                M,
                 {
                   sx: {
                     ml: "auto",
@@ -1161,9 +1161,9 @@ const mo = dt(oe, {
                   },
                   children: [
                     /* @__PURE__ */ a(
-                      me,
+                      fe,
                       {
-                        render: /* @__PURE__ */ a(gt, { "aria-label": "Show filters", children: /* @__PURE__ */ a(de, { fontSize: "small" }) })
+                        render: /* @__PURE__ */ a(mt, { "aria-label": "Show filters", children: /* @__PURE__ */ a(ge, { fontSize: "small" }) })
                       }
                     ),
                     /* @__PURE__ */ a(
@@ -1178,12 +1178,12 @@ const mo = dt(oe, {
                       }
                     ),
                     /* @__PURE__ */ a(
-                      he,
+                      be,
                       {
-                        render: (k, E) => {
-                          var L;
+                        render: (k, j) => {
+                          var z;
                           return /* @__PURE__ */ S(
-                            T,
+                            M,
                             {
                               ...k,
                               sx: {
@@ -1191,25 +1191,25 @@ const mo = dt(oe, {
                                 overflow: "hidden"
                               },
                               children: [
-                                !E.expanded && /* @__PURE__ */ a(
-                                  fe,
+                                !j.expanded && /* @__PURE__ */ a(
+                                  xe,
                                   {
-                                    render: /* @__PURE__ */ a(gt, { "aria-label": "Search", children: /* @__PURE__ */ a(jt, { fontSize: "small" }) })
+                                    render: /* @__PURE__ */ a(mt, { "aria-label": "Search", children: /* @__PURE__ */ a(Pt, { fontSize: "small" }) })
                                   }
                                 ),
                                 /* @__PURE__ */ S(
-                                  T,
+                                  M,
                                   {
                                     sx: {
                                       display: "flex",
                                       overflow: "hidden",
                                       transition: "all 0.3s ease-in-out",
-                                      width: E.expanded ? "200px" : "0px",
+                                      width: j.expanded ? "200px" : "0px",
                                       position: "relative"
                                     },
                                     children: [
                                       /* @__PURE__ */ S(
-                                        T,
+                                        M,
                                         {
                                           sx: {
                                             flex: 1,
@@ -1217,9 +1217,9 @@ const mo = dt(oe, {
                                             "& .MuiInputBase-root": {
                                               height: "32px",
                                               borderRadius: "16px",
-                                              backgroundColor: (L = u.palette.backgroundPaperElevation) == null ? void 0 : L[2],
+                                              backgroundColor: (z = u.palette.backgroundPaperElevation) == null ? void 0 : z[2],
                                               paddingLeft: "40px",
-                                              paddingRight: E.expanded && E.value !== "" ? "40px" : "12px",
+                                              paddingRight: j.expanded && j.value !== "" ? "40px" : "12px",
                                               color: "white",
                                               fontSize: "14px",
                                               border: "none !important",
@@ -1293,8 +1293,8 @@ const mo = dt(oe, {
                                             }
                                           },
                                           children: [
-                                            E.expanded && /* @__PURE__ */ a(
-                                              jt,
+                                            j.expanded && /* @__PURE__ */ a(
+                                              Pt,
                                               {
                                                 fontSize: "small",
                                                 sx: {
@@ -1308,15 +1308,15 @@ const mo = dt(oe, {
                                                 }
                                               }
                                             ),
-                                            /* @__PURE__ */ a(be, { placeholder: l })
+                                            /* @__PURE__ */ a(ye, { placeholder: l })
                                           ]
                                         }
                                       ),
-                                      E.expanded && E.value !== "" && /* @__PURE__ */ a(
-                                        xe,
+                                      j.expanded && j.value !== "" && /* @__PURE__ */ a(
+                                        Se,
                                         {
                                           render: /* @__PURE__ */ a(
-                                            T,
+                                            M,
                                             {
                                               sx: {
                                                 position: "absolute",
@@ -1326,7 +1326,7 @@ const mo = dt(oe, {
                                                 zIndex: 1
                                               },
                                               children: /* @__PURE__ */ a(
-                                                T,
+                                                M,
                                                 {
                                                   sx: {
                                                     minWidth: "24px",
@@ -1338,7 +1338,7 @@ const mo = dt(oe, {
                                                       backgroundColor: "rgba(255, 255, 255, 0.1)"
                                                     }
                                                   },
-                                                  children: /* @__PURE__ */ a(gt, { "aria-label": "Clear", children: /* @__PURE__ */ a(ce, { fontSize: "small" }) })
+                                                  children: /* @__PURE__ */ a(mt, { "aria-label": "Clear", children: /* @__PURE__ */ a(ue, { fontSize: "small" }) })
                                                 }
                                               )
                                             }
@@ -1361,9 +1361,9 @@ const mo = dt(oe, {
           }
         ) });
       }
-      const M = m || I;
+      const I = m || T;
       return /* @__PURE__ */ a(
-        T,
+        M,
         {
           ref: y,
           sx: {
@@ -1400,12 +1400,12 @@ const mo = dt(oe, {
             ...p
           },
           children: /* @__PURE__ */ a(
-            ge,
+            me,
             {
               apiRef: b,
               rows: v,
               columns: t,
-              onRowClick: w,
+              onRowClick: C,
               disableColumnMenu: !1,
               disableRowSelectionOnClick: !0,
               disableMultipleRowSelection: !0,
@@ -1415,7 +1415,7 @@ const mo = dt(oe, {
               hideFooter: !1,
               showToolbar: !0,
               slots: {
-                toolbar: M
+                toolbar: I
               },
               initialState: {
                 sorting: {
@@ -1438,7 +1438,7 @@ const mo = dt(oe, {
                 includeHeaders: !0,
                 expand: !0,
                 // Auto-size all columns by default (can be overridden by dataGridProps)
-                columns: ((j = d == null ? void 0 : d.autosizeOptions) == null ? void 0 : j.columns) || t.map((k) => k.field)
+                columns: ((E = d == null ? void 0 : d.autosizeOptions) == null ? void 0 : E.columns) || t.map((k) => k.field)
               },
               sx: {
                 border: "none",
@@ -1462,7 +1462,7 @@ const mo = dt(oe, {
                   borderBottom: "none !important"
                 },
                 "& .MuiDataGrid-row": {
-                  cursor: r ? "pointer" : "default",
+                  cursor: i ? "pointer" : "default",
                   border: "none",
                   margin: "1px 0",
                   position: "relative",
@@ -1490,8 +1490,8 @@ const mo = dt(oe, {
                     }
                   },
                   // Highlight selected row with a distinct color using data attribute
-                  ...C !== null && {
-                    [`&[data-id="${C}"]`]: {
+                  ...w !== null && {
+                    [`&[data-id="${w}"]`]: {
                       backgroundColor: "transparent !important",
                       "&::before": {
                         content: '""',
@@ -1587,29 +1587,37 @@ const mo = dt(oe, {
     }
   )
 );
-Co.displayName = "WandelbotsDataGrid";
-const At = z(
-  J(
+bo.displayName = "WandelbotsDataGrid";
+const xo = ({
+  title: e,
+  titleId: t,
+  ...o
+}, i) => /* @__PURE__ */ A.createElement("svg", { width: 21, height: 21, viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: i, "aria-labelledby": t, ...o }, e ? /* @__PURE__ */ A.createElement("title", { id: t }, e) : null, /* @__PURE__ */ A.createElement("g", { id: "JogMinus" }, /* @__PURE__ */ A.createElement("path", { id: "Minus", d: "M0 13V8H21V13H0Z", fill: "white" }))), yo = Z(xo), So = ({
+  title: e,
+  titleId: t,
+  ...o
+}, i) => /* @__PURE__ */ A.createElement("svg", { width: 21, height: 21, viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: i, "aria-labelledby": t, ...o }, e ? /* @__PURE__ */ A.createElement("title", { id: t }, e) : null, /* @__PURE__ */ A.createElement("g", { id: "JogPlus" }, /* @__PURE__ */ A.createElement("g", { id: "Plus" }, /* @__PURE__ */ A.createElement("path", { d: "M0 13V8H8V13H0Z", fill: "white" }), /* @__PURE__ */ A.createElement("path", { d: "M8 0L13 2.18557e-07L13 21H8L8 0Z", fill: "white" }), /* @__PURE__ */ A.createElement("path", { d: "M13 13V8H21V13H13Z", fill: "white" })))), vo = Z(So), Lt = V(
+  L(
     ({
       colors: e,
       label: t,
       getDisplayedValue: o,
-      startJogging: r,
-      stopJogging: i,
+      startJogging: i,
+      stopJogging: r,
       disabled: n,
       activeJoggingDirection: c,
       ...s
     }) => {
-      var f, w, C, I, M, j, k;
-      ft(() => {
-        const E = o(), L = p.current;
-        L && (L.textContent = E);
+      var f, C, w, T, I, E, k;
+      xt(() => {
+        const j = o(), z = p.current;
+        z && (z.textContent = j);
       });
       const l = B(), [d, m] = $(null);
       F(() => {
         n && v();
       }, [n]);
-      const g = c || d, p = A(null);
+      const g = c || d, p = J(null);
       e || (e = {
         color: "#fff",
         backgroundColor: "#000",
@@ -1633,22 +1641,22 @@ const At = z(
         }
       }, y = {
         ...b,
-        backgroundColor: (w = e.buttonBackgroundColor) == null ? void 0 : w.default,
+        backgroundColor: (C = e.buttonBackgroundColor) == null ? void 0 : C.default,
         ":hover": {
-          backgroundColor: (C = e.buttonBackgroundColor) == null ? void 0 : C.hovered
+          backgroundColor: (w = e.buttonBackgroundColor) == null ? void 0 : w.hovered
         },
         ":active": {
-          backgroundColor: (I = e.buttonBackgroundColor) == null ? void 0 : I.pressed,
+          backgroundColor: (T = e.buttonBackgroundColor) == null ? void 0 : T.pressed,
           color: e.backgroundColor,
           path: { fill: e.backgroundColor }
         },
         ":disabled": {
-          backgroundColor: (M = e.buttonBackgroundColor) == null ? void 0 : M.disabled,
+          backgroundColor: (I = e.buttonBackgroundColor) == null ? void 0 : I.disabled,
           "svg path": { fill: l.palette.action.disabled }
         }
       }, x = {
         ...b,
-        backgroundColor: (j = e.buttonBackgroundColor) == null ? void 0 : j.pressed,
+        backgroundColor: (E = e.buttonBackgroundColor) == null ? void 0 : E.pressed,
         color: e.backgroundColor,
         path: { fill: e.backgroundColor },
         ":disabled": {
@@ -1656,19 +1664,19 @@ const At = z(
           "svg path": { fill: l.palette.action.disabled }
         }
       };
-      function h(E, L) {
-        n || E.button === 0 && (m(L), r(L));
+      function h(j, z) {
+        n || j.button === 0 && (m(z), i(z));
       }
       function v() {
-        m(null), i();
+        m(null), r();
       }
       return /* @__PURE__ */ S(_, { height: "64px", direction: "row", justifyContent: "center", ...s, children: [
         /* @__PURE__ */ a(
-          q,
+          Y,
           {
             disabled: n,
             disableRipple: !0,
-            onPointerDown: (E) => h(E, "-"),
+            onPointerDown: (j) => h(j, "-"),
             onPointerUp: v,
             onPointerOut: v,
             size: "large",
@@ -1679,7 +1687,7 @@ const At = z(
               borderBottom: `2px solid ${u ?? "#fff"}`,
               borderTop: `2px solid ${u ?? "#fff"}`
             },
-            children: /* @__PURE__ */ a(Oe, {})
+            children: /* @__PURE__ */ a(yo, {})
           }
         ),
         /* @__PURE__ */ S(
@@ -1736,11 +1744,11 @@ const At = z(
           }
         ),
         /* @__PURE__ */ a(
-          q,
+          Y,
           {
             disableRipple: !0,
             disabled: n,
-            onPointerDown: (E) => h(E, "+"),
+            onPointerDown: (j) => h(j, "+"),
             onPointerUp: v,
             onPointerOut: v,
             size: "large",
@@ -1751,29 +1759,29 @@ const At = z(
               borderBottom: `2px solid ${u ?? "#fff"}`,
               borderTop: `2px solid ${u ?? "#fff"}`
             },
-            children: /* @__PURE__ */ a(De, {})
+            children: /* @__PURE__ */ a(vo, {})
           }
         )
       ] });
     }
   )
-), wo = z(
-  J(
+), wo = V(
+  L(
     ({
       startJogging: e,
       stopJogging: t,
       lowerLimit: o,
-      upperLimit: r,
-      useDegree: i,
+      upperLimit: i,
+      useDegree: r,
       getValue: n,
       disabled: c,
       ...s
     }) => {
-      var I, M, j, k, E, L, X, it, vt, Ct, wt, Tt, It, Mt, kt;
-      const { t: l } = V(), [d, m] = $(), g = B(), p = {
-        background: (I = g.palette.backgroundPaperElevation) == null ? void 0 : I[4],
-        color: (M = g.palette.backgroundPaperElevation) == null ? void 0 : M[11]
-      }, u = zt(() => ({
+      var T, I, E, k, j, z, tt, at, Ct, Mt, Tt, It, kt, Rt, Et;
+      const { t: l } = N(), [d, m] = $(), g = B(), p = {
+        background: (T = g.palette.backgroundPaperElevation) == null ? void 0 : T[4],
+        color: (I = g.palette.backgroundPaperElevation) == null ? void 0 : I[11]
+      }, u = Nt(() => ({
         activeJoggingDir: null,
         startJogging(O) {
           this.activeJoggingDir = O, e(O);
@@ -1781,14 +1789,14 @@ const At = z(
         stopJogging() {
           this.activeJoggingDir = null, t();
         }
-      })), b = Ze(() => {
-        const O = i ? y(n()) : n();
+      })), b = Ge(() => {
+        const O = r ? y(n()) : n();
         (O === void 0 || d === void 0 || Math.abs(d - O) > 1e-9) && m(O);
       }, 50);
-      ft(b);
+      xt(b);
       function y(O) {
         if (O !== void 0)
-          return Gt(O);
+          return Ut(O);
       }
       function x(O) {
         O.button === 0 && u.startJogging("-");
@@ -1802,19 +1810,19 @@ const At = z(
       function f(O) {
         u.stopJogging();
       }
-      function w(O, K = 1) {
+      function C(O, et = 1) {
         if (O === void 0 || Number.isNaN(O)) return "";
-        const tt = l("General.degree.variable", {
-          amount: O.toFixed(K)
+        const ot = l("General.degree.variable", {
+          amount: O.toFixed(et)
         });
-        return O > 0 && K === 0 ? `+${tt}` : tt;
+        return O > 0 && et === 0 ? `+${ot}` : ot;
       }
-      function C(O, K = 1) {
+      function w(O, et = 1) {
         if (O === void 0 || Number.isNaN(O)) return "";
-        const tt = l("General.mm.variable", {
-          amount: O.toFixed(K)
+        const ot = l("General.mm.variable", {
+          amount: O.toFixed(et)
         });
-        return O > 0 && K === 0 ? `+${tt}` : tt;
+        return O > 0 && et === 0 ? `+${ot}` : ot;
       }
       return /* @__PURE__ */ S(
         _,
@@ -1829,7 +1837,7 @@ const At = z(
               width: "52px",
               color: g.palette.text.primary,
               alignContent: "center",
-              backgroundColor: (j = g.palette.backgroundPaperElevation) == null ? void 0 : j[11],
+              backgroundColor: (E = g.palette.backgroundPaperElevation) == null ? void 0 : E[11],
               "& svg": {
                 width: "42px",
                 height: "42px"
@@ -1840,7 +1848,7 @@ const At = z(
                 opacity: 1
               },
               "&:hover": {
-                backgroundColor: (E = g.palette.backgroundPaperElevation) == null ? void 0 : E[9]
+                backgroundColor: (j = g.palette.backgroundPaperElevation) == null ? void 0 : j[9]
               },
               "&:active": {
                 ...p
@@ -1849,7 +1857,7 @@ const At = z(
           },
           children: [
             /* @__PURE__ */ a(
-              q,
+              Y,
               {
                 onPointerDown: x,
                 onPointerUp: v,
@@ -1861,11 +1869,11 @@ const At = z(
                   ...u.activeJoggingDir === "-" ? p : {}
                 },
                 children: /* @__PURE__ */ a(
-                  qe,
+                  Ne,
                   {
                     sx: {
                       pointerEvents: "none",
-                      color: (vt = (it = (X = (L = g.componentsExt) == null ? void 0 : L.JoggingPanel) == null ? void 0 : X.JoggingJoint) == null ? void 0 : it.Joint) == null ? void 0 : vt.arrowColor
+                      color: (Ct = (at = (tt = (z = g.componentsExt) == null ? void 0 : z.JoggingPanel) == null ? void 0 : tt.JoggingJoint) == null ? void 0 : at.Joint) == null ? void 0 : Ct.arrowColor
                     }
                   }
                 )
@@ -1882,7 +1890,7 @@ const At = z(
                   borderLeftWidth: 0,
                   borderRightWidth: 0,
                   border: "none",
-                  backgroundColor: (Ct = g.palette.backgroundPaperElevation) == null ? void 0 : Ct[11],
+                  backgroundColor: (Mt = g.palette.backgroundPaperElevation) == null ? void 0 : Mt[11],
                   paddingLeft: "20px",
                   paddingRight: "20px",
                   zIndex: 1
@@ -1901,16 +1909,16 @@ const At = z(
                         textAlign: "center",
                         color: c ? g.palette.action.disabled : g.palette.text.primary
                       },
-                      children: i ? w(d) : C(d)
+                      children: r ? C(d) : w(d)
                     }
                   ),
                   /* @__PURE__ */ a(
-                    Ht,
+                    Yt,
                     {
                       disabled: !0,
                       "aria-label": "Joint position",
-                      min: i ? y(o) : o,
-                      max: i ? y(r) : r,
+                      min: r ? y(o) : o,
+                      max: r ? y(i) : i,
                       value: d || 0,
                       track: !1,
                       sx: {
@@ -1929,18 +1937,18 @@ const At = z(
                           color: c ? g.palette.action.disabled : g.palette.text.secondary
                         },
                         "& .MuiSlider-rail": {
-                          backgroundColor: (wt = g.palette.backgroundPaperElevation) == null ? void 0 : wt[5],
+                          backgroundColor: (Tt = g.palette.backgroundPaperElevation) == null ? void 0 : Tt[5],
                           opacity: 1
                         }
                       },
-                      marks: o !== void 0 && r !== void 0 && [
+                      marks: o !== void 0 && i !== void 0 && [
                         {
-                          value: i ? y(o) : o,
-                          label: i ? w(y(o), 0) : C(o)
+                          value: r ? y(o) : o,
+                          label: r ? C(y(o), 0) : w(o)
                         },
                         {
-                          value: i ? y(r) : r,
-                          label: i ? w(y(r), 0) : C(r)
+                          value: r ? y(i) : i,
+                          label: r ? C(y(i), 0) : w(i)
                         }
                       ]
                     }
@@ -1949,7 +1957,7 @@ const At = z(
               }
             ),
             /* @__PURE__ */ a(
-              q,
+              Y,
               {
                 onPointerDown: h,
                 onPointerUp: v,
@@ -1961,11 +1969,11 @@ const At = z(
                   ...u.activeJoggingDir === "+" ? p : {}
                 },
                 children: /* @__PURE__ */ a(
-                  Ye,
+                  We,
                   {
                     sx: {
                       pointerEvents: "none",
-                      color: (kt = (Mt = (It = (Tt = g.componentsExt) == null ? void 0 : Tt.JoggingPanel) == null ? void 0 : It.JoggingJoint) == null ? void 0 : Mt.Joint) == null ? void 0 : kt.arrowColor
+                      color: (Et = (Rt = (kt = (It = g.componentsExt) == null ? void 0 : It.JoggingPanel) == null ? void 0 : kt.JoggingJoint) == null ? void 0 : Rt.Joint) == null ? void 0 : Et.arrowColor
                     }
                   }
                 )
@@ -1977,56 +1985,56 @@ const At = z(
     }
   )
 );
-function qt(e, t, o) {
+function Zt(e, t, o) {
   if (t.length !== e.length)
     return !0;
-  for (let r = 0; r < t.length; r++)
+  for (let i = 0; i < t.length; i++)
     if (
       // biome-ignore lint/style/noNonNullAssertion: legacy code
-      Math.abs(t[r] - e[r]) > o
+      Math.abs(t[i] - e[i]) > o
     )
       return !1;
   return !0;
 }
-function To(e, t, o) {
+function Co(e, t, o) {
   if (e === void 0 && t || e && t === void 0 || (e == null ? void 0 : e.orientation) === void 0 || (t == null ? void 0 : t.orientation) === void 0 || (e == null ? void 0 : e.position) === void 0 || (t == null ? void 0 : t.position) === void 0)
     return !1;
   if (e === void 0 || t === void 0)
     return !0;
-  let r = 0;
-  return r += Math.abs(e.orientation[0] - t.orientation[0]), r += Math.abs(e.orientation[1] - t.orientation[1]), r += Math.abs(e.orientation[2] - t.orientation[2]), r += Math.abs(e.position[0] - t.position[0]), r += Math.abs(e.position[1] - t.position[1]), r += Math.abs(e.position[2] - t.position[2]), r <= o;
+  let i = 0;
+  return i += Math.abs(e.orientation[0] - t.orientation[0]), i += Math.abs(e.orientation[1] - t.orientation[1]), i += Math.abs(e.orientation[2] - t.orientation[2]), i += Math.abs(e.position[0] - t.position[0]), i += Math.abs(e.position[1] - t.position[1]), i += Math.abs(e.position[2] - t.position[2]), i <= o;
 }
-function Yt(e, t, o) {
-  return e.coordinate_system === t.coordinate_system && e.tcp === t.tcp && To(
+function Qt(e, t, o) {
+  return e.coordinate_system === t.coordinate_system && e.tcp === t.tcp && Co(
     e.tcp_pose,
     t.tcp_pose,
     o
   );
 }
-function Io(e, t) {
-  const o = new Dt(
+function Mo(e, t) {
+  const o = new Jt(
     t[0],
     t[1],
     t[2]
-  ), r = new Dt(
+  ), i = new Jt(
     e[0],
     e[1],
     e[2]
-  ), i = o.length(), n = o.normalize();
-  let c = r.length(), s = r.normalize();
+  ), r = o.length(), n = o.normalize();
+  let c = i.length(), s = i.normalize();
   s.dot(n) < 0 && (c = -c, s = s.multiplyScalar(-1));
-  let l = c - i;
-  return l -= 2 * Math.PI * Math.floor((l + Math.PI) / (2 * Math.PI)), c = i + l, [...s.multiplyScalar(c)];
+  let l = c - r;
+  return l -= 2 * Math.PI * Math.floor((l + Math.PI) / (2 * Math.PI)), c = r + l, [...s.multiplyScalar(c)];
 }
-function Mo(e) {
+function To(e) {
   return "cellId" in e.api;
 }
-function ct(e) {
-  if (!Mo(e))
+function ut(e) {
+  if (!To(e))
     return e;
-  const t = e, o = t.api.cellId, r = new Proxy(t.api, {
-    get(i, n) {
-      const c = Reflect.get(i, n);
+  const t = e, o = t.api.cellId, i = new Proxy(t.api, {
+    get(r, n) {
+      const c = Reflect.get(r, n);
       return !c || typeof c != "object" ? c : new Proxy(c, {
         get(s, l) {
           const d = Reflect.get(s, l);
@@ -2036,36 +2044,36 @@ function ct(e) {
     }
   });
   return new Proxy(t, {
-    get(i, n) {
-      return n === "api" ? r : n === "openReconnectingWebsocket" ? (c) => i.openReconnectingWebsocket(c.replace(/^\/cells\/[^/]+/, "")) : Reflect.get(i, n);
+    get(r, n) {
+      return n === "api" ? i : n === "openReconnectingWebsocket" ? (c) => r.openReconnectingWebsocket(c.replace(/^\/cells\/[^/]+/, "")) : Reflect.get(r, n);
     }
   });
 }
-const Jt = 1e-4;
-class xt {
-  constructor(t, o, r, i, n, c, s = "cell") {
-    this.controller = o, this.motionGroup = r, this.description = i, this.initialMotionState = n, this.motionStateSocket = c, this.cellId = s, this.nova = ct(t), this.rapidlyChangingMotionState = n, c.addEventListener("message", (l) => {
+const Ft = 1e-4;
+class St {
+  constructor(t, o, i, r, n, c, s = "cell") {
+    this.controller = o, this.motionGroup = i, this.description = r, this.initialMotionState = n, this.motionStateSocket = c, this.cellId = s, this.nova = ut(t), this.rapidlyChangingMotionState = n, c.addEventListener("message", (l) => {
       var p;
-      const d = (p = W(l.data)) == null ? void 0 : p.result;
+      const d = (p = G(l.data)) == null ? void 0 : p.result;
       if (!d)
         throw new Error(
           `Failed to get motion state for ${this.motionGroupId}: ${l.data}`
         );
-      qt(
+      Zt(
         this.rapidlyChangingMotionState.joint_position,
         d.joint_position,
-        Jt
+        Ft
       ) || D(() => {
         this.rapidlyChangingMotionState.joint_position = d.joint_position;
-      }), Yt(
+      }), Qt(
         this.rapidlyChangingMotionState,
         d,
-        Jt
+        Ft
       ) || D(() => {
         var u, b, y;
         this.rapidlyChangingMotionState.tcp_pose == null ? this.rapidlyChangingMotionState.tcp_pose = d.tcp_pose : (u = d.tcp_pose) != null && u.orientation && ((b = d.tcp_pose) != null && b.position) && ((y = this.rapidlyChangingMotionState.tcp_pose) != null && y.orientation) ? this.rapidlyChangingMotionState.tcp_pose = {
           position: d.tcp_pose.position,
-          orientation: Io(
+          orientation: Mo(
             d.tcp_pose.orientation,
             this.rapidlyChangingMotionState.tcp_pose.orientation
           )
@@ -2084,11 +2092,11 @@ class xt {
       }), this.rapidlyChangingMotionState.execute !== d.execute && D(() => {
         this.rapidlyChangingMotionState.execute = d.execute;
       });
-    }), bt(this);
+    }), yt(this);
   }
-  static async open(t, o, r = {}) {
+  static async open(t, o, i = {}) {
     var b;
-    const i = ct(t), n = r.cellId ?? "cell", [c, s] = o.split("@"), l = await i.api.controller.getCurrentRobotControllerState(
+    const r = ut(t), n = i.cellId ?? "cell", [c, s] = o.split("@"), l = await r.api.controller.getCurrentRobotControllerState(
       n,
       s
     ), d = l == null ? void 0 : l.motion_groups.find(
@@ -2098,9 +2106,9 @@ class xt {
       throw new Error(
         `Controller ${s} or motion group ${o} not found`
       );
-    const m = i.openReconnectingWebsocket(
+    const m = r.openReconnectingWebsocket(
       `/cells/${n}/controllers/${s}/motion-groups/${o}/state-stream`
-    ), g = await m.firstMessage(), p = (b = W(g.data)) == null ? void 0 : b.result;
+    ), g = await m.firstMessage(), p = (b = G(g.data)) == null ? void 0 : b.result;
     if (!p)
       throw new Error(
         `Unable to parse initial motion state message ${g.data}`
@@ -2110,13 +2118,13 @@ class xt {
   `,
       p
     );
-    const u = await i.api.motionGroup.getMotionGroupDescription(
+    const u = await r.api.motionGroup.getMotionGroupDescription(
       n,
       s,
       d.motion_group
     );
-    return new xt(
-      i,
+    return new St(
+      r,
       l,
       d,
       u,
@@ -2140,8 +2148,8 @@ class xt {
     this.motionStateSocket.close();
   }
 }
-const Ft = "Movement request rejected. Another client is currently executing a 'Jogging' motion!";
-class yt {
+const Bt = "Movement request rejected. Another client is currently executing a 'Jogging' motion!";
+class vt {
   constructor(t, o = {}) {
     this.motionStream = t, 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) || t.motionGroup.tcp || this.getDefaultTcp(t), 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;
   }
@@ -2162,20 +2170,20 @@ class yt {
    * @param options.onError - Error handler for websocket errors
    * @returns Promise resolving to initialized JoggerConnection instance
    */
-  static async open(t, o, r = {}) {
-    const i = await xt.open(
+  static async open(t, o, i = {}) {
+    const r = await St.open(
       t,
       o,
       {
-        cellId: r.cellId
+        cellId: i.cellId
       }
-    ), n = new yt(i, r);
+    ), n = new vt(r, i);
     return await n.setJoggingMode(n.mode), n;
   }
   getDefaultTcp(t) {
-    var r, i;
-    const o = (i = (r = t.description.dh_parameters) == null ? void 0 : r[0]) == null ? void 0 : i.type;
-    return t.joints.length < 6 && (o === G.RevoluteJoint || o === G.PrismaticJoint) ? this.NO_TCP : this.DEFAULT_TCP;
+    var i, r;
+    const o = (r = (i = t.description.dh_parameters) == null ? void 0 : i[0]) == null ? void 0 : r.type;
+    return t.joints.length < 6 && (o === H.RevoluteJoint || o === H.PrismaticJoint) ? this.NO_TCP : this.DEFAULT_TCP;
   }
   // Set a new tcp or other options. If current mode is jogging, will reinitialize the jogging websocket
   async setOptions(t) {
@@ -2231,7 +2239,7 @@ class yt {
   // Initializes continuous jogging websocket, called by setJoggingMode("jogging")
   async initializeJoggingWebsocket() {
     return new Promise((t, o) => {
-      const r = setTimeout(() => {
+      const i = setTimeout(() => {
         o(
           new Error(
             `Jogging initialization timeout after ${this.timeout} seconds`
@@ -2240,18 +2248,18 @@ class yt {
       }, this.timeout);
       this.joggingSocket = this.nova.openReconnectingWebsocket(
         `/cells/${this.cellId}/controllers/${this.motionStream.controllerId}/execution/jogging`
-      ), this.joggingSocket.addEventListener("message", (i) => {
+      ), this.joggingSocket.addEventListener("message", (r) => {
         var c, s, l, d;
-        const n = W(i.data);
+        const n = G(r.data);
         if (((c = n == null ? void 0 : n.result) == null ? void 0 : c.kind) === "INITIALIZE_RECEIVED") {
-          clearTimeout(r), t();
+          clearTimeout(i), t();
           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(Ft))) {
+          if (clearTimeout(i), this.onBlocked && ((l = n == null ? void 0 : n.result) != null && l.message.includes(Bt))) {
             (d = this.joggingSocket) == null || d.dispose(), this.onBlocked();
             return;
-          } else this.onError ? this.onError(i.data) : o(new Error(i.data));
+          } else this.onError ? this.onError(r.data) : o(new Error(r.data));
       }), this.joggingSocket.sendJson({
         message_type: "InitializeJoggingRequest",
         motion_group: this.motionGroupId,
@@ -2265,15 +2273,15 @@ class yt {
   async rotateJoints({
     joint: t,
     direction: o,
-    velocityValue: r,
-    velocityUnit: i
+    velocityValue: i,
+    velocityUnit: r
   }) {
     if (!this.joggingSocket || this.mode !== "jogging")
       throw new Error(
         "Joint jogging websocket not connected; create one by setting jogging mode to 'jogging'"
       );
     const n = new Array(this.numJoints).fill(0);
-    n[t] = o === "-" ? -r : r, this.joggingSocket.sendJson({
+    n[t] = o === "-" ? -i : i, this.joggingSocket.sendJson({
       message_type: "JointVelocityRequest",
       velocity: n
     });
@@ -2284,17 +2292,17 @@ class yt {
   async translateTCP({
     axis: t,
     direction: o,
-    velocityMmPerSec: r
+    velocityMmPerSec: i
   }) {
     if (!this.joggingSocket || this.mode !== "jogging")
       throw new Error(
         "Continuous jogging websocket not connected; create one by setting jogging mode to 'jogging'"
       );
-    const i = [0, 0, 0], n = [0, 0, 0];
-    n[ot[t]] = o === "-" ? -r : r, this.joggingSocket.sendJson({
+    const r = [0, 0, 0], n = [0, 0, 0];
+    n[it[t]] = o === "-" ? -i : i, this.joggingSocket.sendJson({
       message_type: "TcpVelocityRequest",
       translation: n,
-      rotation: i,
+      rotation: r,
       use_tool_coordinate_system: this.orientation === "tool"
     });
   }
@@ -2304,17 +2312,17 @@ class yt {
   async rotateTCP({
     axis: t,
     direction: o,
-    velocityRadsPerSec: r
+    velocityRadsPerSec: i
   }) {
     if (!this.joggingSocket || this.mode !== "jogging")
       throw new Error(
         "Continuous jogging websocket not connected; create one by setting jogging mode to 'jogging'"
       );
-    const i = [0, 0, 0], n = [0, 0, 0];
-    i[ot[t]] = o === "-" ? -r : r, this.joggingSocket.sendJson({
+    const r = [0, 0, 0], n = [0, 0, 0];
+    r[it[t]] = o === "-" ? -i : i, this.joggingSocket.sendJson({
       message_type: "TcpVelocityRequest",
       translation: n,
-      rotation: i,
+      rotation: r,
       use_tool_coordinate_system: this.orientation === "tool"
     });
   }
@@ -2329,8 +2337,8 @@ class yt {
     currentTcpPose: t,
     currentJoints: o,
     // coordSystemId,
-    velocityInRelevantUnits: r,
-    axis: i,
+    velocityInRelevantUnits: i,
+    axis: r,
     direction: n,
     motion: c
   }) {
@@ -2345,9 +2353,9 @@ class yt {
           "Current pose has no position, cannot perform translation"
         );
       const x = [...t.position];
-      x[ot[i]] += c.distanceMm * (n === "-" ? -1 : 1), s.push({
+      x[it[r]] += c.distanceMm * (n === "-" ? -1 : 1), s.push({
         limits_override: {
-          tcp_velocity_limit: r
+          tcp_velocity_limit: i
         },
         path: {
           path_definition_name: "PathLine",
@@ -2362,24 +2370,24 @@ class yt {
         throw new Error(
           "Current pose has no orientation, cannot perform rotation"
         );
-      const x = new pt(
+      const x = new ht(
         t.orientation[0],
         t.orientation[1],
         t.orientation[2]
-      ), h = x.length(), v = x.clone().normalize(), f = c.distanceRads * (n === "-" ? -1 : 1), w = new pt(0, 0, 0);
-      w[i] = 1;
-      const C = Math.cos(0.5 * f) * Math.cos(0.5 * h), I = Math.sin(0.5 * f) * Math.sin(0.5 * h), M = Math.sin(0.5 * f) * Math.cos(0.5 * h), j = Math.cos(0.5 * f) * Math.sin(0.5 * h), k = w.dot(
+      ), h = x.length(), v = x.clone().normalize(), f = c.distanceRads * (n === "-" ? -1 : 1), C = new ht(0, 0, 0);
+      C[r] = 1;
+      const w = Math.cos(0.5 * f) * Math.cos(0.5 * h), T = Math.sin(0.5 * f) * Math.sin(0.5 * h), I = Math.sin(0.5 * f) * Math.cos(0.5 * h), E = Math.cos(0.5 * f) * Math.sin(0.5 * h), k = C.dot(
         v
-      ), E = w.clone().cross(v), L = 2 * Math.acos(C - I * k), X = L / Math.sin(0.5 * L), it = new pt().addScaledVector(E, I).addScaledVector(w, M).addScaledVector(v, j).multiplyScalar(X);
+      ), j = C.clone().cross(v), z = 2 * Math.acos(w - T * k), tt = z / Math.sin(0.5 * z), at = new ht().addScaledVector(j, T).addScaledVector(C, I).addScaledVector(v, E).multiplyScalar(tt);
       s.push({
         limits_override: {
-          tcp_orientation_velocity_limit: r
+          tcp_orientation_velocity_limit: i
         },
         path: {
           path_definition_name: "PathLine",
           target_pose: {
             position: t.position,
-            orientation: [...it]
+            orientation: [...at]
           }
         }
       });
@@ -2432,10 +2440,10 @@ class yt {
       });
     }, u = async () => {
       var x;
-      await lt(() => !this.motionStream.rapidlyChangingMotionState.standstill), await lt(() => this.motionStream.rapidlyChangingMotionState.standstill), (x = this.trajectorySocket) == null || x.dispose(), this.trajectorySocket = null;
+      await dt(() => !this.motionStream.rapidlyChangingMotionState.standstill), await dt(() => this.motionStream.rapidlyChangingMotionState.standstill), (x = this.trajectorySocket) == null || x.dispose(), this.trajectorySocket = null;
     }, b = async () => {
       var x;
-      await lt(() => this.motionStream.rapidlyChangingMotionState.standstill), (x = this.trajectorySocket) == null || x.dispose(), this.trajectorySocket = null;
+      await dt(() => this.motionStream.rapidlyChangingMotionState.standstill), (x = this.trajectorySocket) == null || x.dispose(), this.trajectorySocket = null;
     }, y = async (x) => {
       if (x != null && x.message)
         if (this.onError) {
@@ -2449,12 +2457,12 @@ class yt {
     };
     this.trajectorySocket.addEventListener("message", (x) => {
       var v, f;
-      const h = W(x.data);
+      const h = G(x.data);
       if (!((v = h == null ? void 0 : h.result) != null && v.kind))
         throw new Error(
           `Failed to execute trajectory: Received invalid message ${x.data}`
         );
-      if (this.onBlocked && ((f = h.result.message) != null && f.includes(Ft))) {
+      if (this.onBlocked && ((f = h.result.message) != null && f.includes(Bt))) {
         this.onBlocked();
         return;
       }
@@ -2483,11 +2491,11 @@ class yt {
     });
   }
 }
-const ko = (e) => {
-  const t = e.softTimeout || 3e3, [o, r] = $(!1), i = B();
+const Io = (e) => {
+  const t = e.softTimeout || 3e3, [o, i] = $(!1), r = B();
   return F(() => {
     const n = setTimeout(() => {
-      r(!0);
+      i(!0);
     }, t);
     return () => clearTimeout(n);
   }), /* @__PURE__ */ a(
@@ -2497,15 +2505,15 @@ const ko = (e) => {
       height: "100%",
       alignItems: "center",
       justifyContent: "center",
-      sx: { color: i.palette.text.primary },
+      sx: { color: r.palette.text.primary },
       children: e.error ? /* @__PURE__ */ a(
-        Ro,
+        ko,
         {
           loadingMessage: e.message,
           error: e.error
         }
-      ) : /* @__PURE__ */ S(nt, { children: [
-        /* @__PURE__ */ a(Ut, { sx: { marginBottom: "24px" } }),
+      ) : /* @__PURE__ */ S(rt, { children: [
+        /* @__PURE__ */ a(qt, { sx: { marginBottom: "24px" } }),
         !!e.message && /* @__PURE__ */ a("div", { children: e.message }),
         /* @__PURE__ */ a(
           _,
@@ -2513,7 +2521,7 @@ const ko = (e) => {
             sx: {
               visibility: o ? "visible" : "hidden",
               marginTop: "1rem",
-              color: i.palette.text.secondary
+              color: r.palette.text.secondary
             },
             children: "This is taking longer than expected..."
           }
@@ -2521,8 +2529,8 @@ const ko = (e) => {
       ] })
     }
   );
-}, Ro = (e) => {
-  const t = Ee(e.error), o = e.error instanceof Error ? e.error.stack : null, r = B();
+}, ko = (e) => {
+  const t = _e(e.error), o = e.error instanceof Error ? e.error.stack : null, i = B();
   return /* @__PURE__ */ S(
     _,
     {
@@ -2531,7 +2539,7 @@ const ko = (e) => {
         maxWidth: "min(100%, 800px)",
         padding: 2,
         overflow: "auto",
-        color: r.palette.error.main,
+        color: i.palette.error.main,
         "& pre": {
           whiteSpace: "pre-wrap",
           wordBreak: "break-word",
@@ -2539,16 +2547,16 @@ const ko = (e) => {
         }
       },
       children: [
-        (e.loadingMessage ? `Error while ${we(je(e.loadingMessage))} - ` : "") + t,
+        (e.loadingMessage ? `Error while ${Te(Pe(e.loadingMessage))} - ` : "") + t,
         /* @__PURE__ */ a("br", {}),
         o && /* @__PURE__ */ a("pre", { children: o })
       ]
     }
   );
-}, jo = J(({ store: e }) => {
-  const { t } = V();
+}, Ro = L(({ store: e }) => {
+  const { t } = N();
   return /* @__PURE__ */ a(
-    Lt,
+    Vt,
     {
       "data-testid": "jogging-blocked",
       "aria-label": "jogging-blocked",
@@ -2562,12 +2570,12 @@ const ko = (e) => {
         alignItems: "flex-start"
       },
       children: /* @__PURE__ */ S(_, { sx: { m: 2, width: "100%" }, children: [
-        /* @__PURE__ */ S(Pe, { severity: "error", sx: { mb: 2 }, children: [
-          /* @__PURE__ */ a(_e, { children: t("Jogging.Blocked.ti") }),
+        /* @__PURE__ */ S(Ae, { severity: "error", sx: { mb: 2 }, children: [
+          /* @__PURE__ */ a(Oe, { children: t("Jogging.Blocked.ti") }),
           t("Jogging.Blocked.lb")
         ] }),
         /* @__PURE__ */ a(
-          Q,
+          K,
           {
             variant: "contained",
             color: "secondary",
@@ -2578,20 +2586,36 @@ const ko = (e) => {
       ] })
     }
   );
-}), Zt = J(
+}), Eo = ({
+  title: e,
+  titleId: t,
+  ...o
+}, i) => /* @__PURE__ */ A.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 10, fill: "none", ref: i, "aria-labelledby": t, ...o }, e ? /* @__PURE__ */ A.createElement("title", { id: t }, e) : null, /* @__PURE__ */ A.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M5.131.312a.9.9 0 0 1 0 1.272L3.07 3.645h12.44l-2.06-2.061A.9.9 0 0 1 14.72.313l3.596 3.596a.9.9 0 0 1 0 1.271l-3.596 3.597a.9.9 0 0 1-1.271-1.272l2.061-2.062H3.07L5.13 7.505A.9.9 0 0 1 3.86 8.777L.263 5.18a.9.9 0 0 1 0-1.271L3.86.312a.9.9 0 0 1 1.271 0", clipRule: "evenodd" })), jo = Z(Eo), Po = ({
+  title: e,
+  titleId: t,
+  ...o
+}, i) => /* @__PURE__ */ A.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 10, fill: "none", ref: i, "aria-labelledby": t, ...o }, e ? /* @__PURE__ */ A.createElement("title", { id: t }, e) : null, /* @__PURE__ */ A.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M5.131.312a.9.9 0 0 1 0 1.272L3.07 3.645h12.44l-2.06-2.061A.9.9 0 0 1 14.72.313l3.596 3.596a.9.9 0 0 1 0 1.271l-3.596 3.597a.9.9 0 0 1-1.271-1.272l2.061-2.062H3.07L5.13 7.505A.9.9 0 0 1 3.86 8.777L.263 5.18a.9.9 0 0 1 0-1.271L3.86.312a.9.9 0 0 1 1.271 0", clipRule: "evenodd" })), _o = Z(Po), Ao = ({
+  title: e,
+  titleId: t,
+  ...o
+}, i) => /* @__PURE__ */ A.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 10, height: 19, fill: "none", ref: i, "aria-labelledby": t, ...o }, e ? /* @__PURE__ */ A.createElement("title", { id: t }, e) : null, /* @__PURE__ */ A.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M9.522 14.811A.899.899 0 1 0 8.25 13.54L6.19 15.601V3.16L8.25 5.221A.9.9 0 0 0 9.522 3.95L5.926.354a.9.9 0 0 0-1.272 0L1.058 3.95a.9.9 0 1 0 1.271 1.271L4.391 3.16v12.442L2.329 13.54a.899.899 0 1 0-1.271 1.271l3.596 3.597a.9.9 0 0 0 1.272 0z", clipRule: "evenodd" })), Oo = Z(Ao), Do = ({
+  title: e,
+  titleId: t,
+  ...o
+}, i) => /* @__PURE__ */ A.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: i, "aria-labelledby": t, ...o }, e ? /* @__PURE__ */ A.createElement("title", { id: t }, e) : null, /* @__PURE__ */ A.createElement("path", { d: "M8 16C5.76667 16 3.875 15.225 2.325 13.675C0.775 12.125 0 10.2333 0 8C0 5.76667 0.775 3.875 2.325 2.325C3.875 0.775 5.76667 0 8 0C9.15 0 10.25 0.2375 11.3 0.7125C12.35 1.1875 13.25 1.86667 14 2.75V0H16V7H9V5H13.2C12.6667 4.06667 11.9375 3.33333 11.0125 2.8C10.0875 2.26667 9.08333 2 8 2C6.33333 2 4.91667 2.58333 3.75 3.75C2.58333 4.91667 2 6.33333 2 8C2 9.66667 2.58333 11.0833 3.75 12.25C4.91667 13.4167 6.33333 14 8 14C9.28333 14 10.4417 13.6333 11.475 12.9C11.0583 14.1 12.5083 12.1667 11.475 12.9L12.9 14.325C11.4667 15.4417 9.83333 16 8 16Z", fill: "white" })), Jo = Z(Do), Xt = L(
   ({ store: e }) => {
-    const { t } = V(), [o, r] = $(
+    const { t } = N(), [o, i] = $(
       e.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached
-    ), i = A(o);
-    ft(() => {
+    ), r = J(o);
+    xt(() => {
       const c = e.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached;
-      Le(i.current, c) || (i.current = c, r(c));
+      De(r.current, c) || (r.current = c, i(c));
     });
     const n = [];
     for (const [c, s] of o.entries())
       s && n.push(c);
     return /* @__PURE__ */ a(
-      T,
+      M,
       {
         sx: {
           display: "flex",
@@ -2618,7 +2642,7 @@ const ko = (e) => {
       }
     );
   }
-), Eo = dt(Ve)(({ theme: e }) => ({
+), Lo = gt(Le)(({ theme: e }) => ({
   "&.MuiFormControl-root": {
     ".MuiSelect-select": {
       paddingTop: "20px",
@@ -2635,37 +2659,37 @@ const ko = (e) => {
     }
   }
 }));
-function at({
+function lt({
   labelValue: e,
   ...t
 }) {
-  return /* @__PURE__ */ S(Eo, { fullWidth: !0, variant: "filled", children: [
-    /* @__PURE__ */ a(Ne, { id: t.labelId, children: e }),
-    /* @__PURE__ */ a(We, { ...t })
+  return /* @__PURE__ */ S(Lo, { fullWidth: !0, variant: "filled", children: [
+    /* @__PURE__ */ a(Fe, { id: t.labelId, children: e }),
+    /* @__PURE__ */ a(Be, { ...t })
   ] });
 }
-const mt = [
+const ft = [
   { 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 }
-], Po = [
+], Fo = [
   { id: "continuous" },
-  ...mt
-], _o = ["coordsys", "tool"];
-class St {
-  constructor(t, o, r, i, n) {
+  ...ft
+], Bo = ["coordsys", "tool"];
+class wt {
+  constructor(t, o, i, r, n) {
     var c, s, l;
-    this.jogger = t, 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;
+    this.jogger = t, this.coordSystems = o, this.motionGroupDescription = i, this.tcps = r, 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 = H.RevoluteJoint;
     for (const d of o)
       if (d.coordinate_system === "") {
         d.coordinate_system = "world";
         break;
       }
-    this.selectedCoordSystemId = ((c = o[0]) == null ? void 0 : c.coordinate_system) || "world", this.selectedTcpId = t.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, bt(this, {}, { autoBind: !0 }), this.jogger.onBlocked = () => {
+    this.selectedCoordSystemId = ((c = o[0]) == null ? void 0 : c.coordinate_system) || "world", this.selectedTcpId = t.motionStream.rapidlyChangingMotionState.tcp ?? "", this.tcpChangeInProgress = this.tcps.length > 0 && !this.selectedTcpId, this.inverseSolver = n, this.jointType = ((l = (s = i == null ? void 0 : i.dh_parameters) == null ? void 0 : s[0]) == null ? void 0 : l.type) ?? H.RevoluteJoint, yt(this, {}, { autoBind: !0 }), this.jogger.onBlocked = () => {
       this.block();
-    }, this.loadFromLocalStorage(), this.disposers.push(Et(() => this.saveToLocalStorage())), this.disposers.push(
-      Et(() => {
+    }, this.loadFromLocalStorage(), this.disposers.push(_t(() => this.saveToLocalStorage())), this.disposers.push(
+      _t(() => {
         const d = this.jogger.motionStream.rapidlyChangingMotionState.tcp;
         d && d !== this.selectedTcpId && D(() => {
           this.selectedTcpId = d, this.tcpChangeInProgress = !1;
@@ -2678,16 +2702,16 @@ class St {
    * from the backend
    */
   static async loadFor(t) {
-    const { nova: o, cellId: r } = t, [i, n] = await Promise.all([
+    const { nova: o, cellId: i } = t, [r, n] = await Promise.all([
       // Fetch coord systems so user can select between them
       o.api.controller.listCoordinateSystems(
-        r,
+        i,
         t.motionStream.controllerId,
         "ROTATION_VECTOR"
       ),
       // Same for TCPs and other info from description
       o.api.motionGroup.getMotionGroupDescription(
-        r,
+        i,
         t.motionStream.controllerId,
         t.motionGroupId
       )
@@ -2699,9 +2723,9 @@ class St {
       position: d.pose.position,
       orientation: d.pose.orientation
     }));
-    return new St(
+    return new wt(
       t,
-      i || [],
+      r || [],
       n,
       s,
       c.inverse_solver
@@ -2713,7 +2737,7 @@ class St {
     this.jogger.dispose();
   }
   get coordSystemCountByName() {
-    return Te(this.coordSystems, (t) => t.name);
+    return Ie(this.coordSystems, (t) => t.name);
   }
   async deactivate() {
     this.jogger.mode === "jogging" && await this.jogger.setJoggingMode("off");
@@ -2726,7 +2750,7 @@ class St {
     }), this.activeDiscreteIncrement ? this.jogger.setJoggingMode("trajectory") : this.jogger.setJoggingMode("jogging")) : this.jogger.setJoggingMode("jogging"), this.jogger;
   }
   loadFromLocalStorage() {
-    const t = W(localStorage.getItem("joggingToolStore"));
+    const t = G(localStorage.getItem("joggingToolStore"));
     t && (this.tabsById[t.selectedTabId] && (this.selectedTabId = t.selectedTabId), this.coordSystemsById[t.selectedCoordSystemId] && (this.selectedCoordSystemId = t.selectedCoordSystemId), this.incrementOptionsById[t.selectedIncrementId] && (this.selectedIncrementId = t.selectedIncrementId), ["translate", "rotate"].includes(t.selectedCartesianMotionType) && (this.selectedCartesianMotionType = t.selectedCartesianMotionType), ["coordsys", "tool"].includes(t.selectedOrientation) && (this.selectedOrientation = t.selectedOrientation));
   }
   saveToLocalStorage() {
@@ -2760,16 +2784,16 @@ class St {
     }), t;
   }
   get incrementOptions() {
-    return Po;
+    return Fo;
   }
   get discreteIncrementOptions() {
-    return mt;
+    return ft;
   }
   get incrementOptionsById() {
-    return rt(this.incrementOptions, (t) => t.id);
+    return st(this.incrementOptions, (t) => t.id);
   }
   get tabsById() {
-    return rt(this.tabs, (t) => t.id);
+    return st(this.tabs, (t) => t.id);
   }
   get currentTab() {
     return this.tabsById[this.selectedTabId] || this.tabs[0];
@@ -2778,7 +2802,7 @@ class St {
     return this.tabs.indexOf(this.currentTab);
   }
   get coordSystemsById() {
-    return rt(this.coordSystems, (t) => t.coordinate_system);
+    return st(this.coordSystems, (t) => t.coordinate_system);
   }
   /**
    * The id of the coordinate system to use for jogging.
@@ -2789,10 +2813,10 @@ class St {
     return this.selectedOrientation === "tool" ? "tool" : this.selectedCoordSystemId;
   }
   get tcpsById() {
-    return rt(this.tcps, (t) => t.id);
+    return st(this.tcps, (t) => t.id);
   }
   get activeDiscreteIncrement() {
-    return this.selectedOrientation === "tool" ? void 0 : mt.find((t) => t.id === this.selectedIncrementId);
+    return this.selectedOrientation === "tool" ? void 0 : ft.find((t) => t.id === this.selectedIncrementId);
   }
   /** The selected rotation velocity converted to radians per second */
   get rotationVelocityRadsPerSec() {
@@ -2811,8 +2835,8 @@ class St {
     return t ? this.maxRotationVelocityDegPerSec : this.maxTranslationVelocityMmPerSec;
   }
   onTabChange(t, o) {
-    const r = this.tabs[o] || this.tabs[0];
-    this.selectedTabId = r.id;
+    const i = this.tabs[o] || this.tabs[0];
+    this.selectedTabId = i.id;
   }
   setSelectedCoordSystemId(t) {
     this.selectedCoordSystemId = t;
@@ -2838,18 +2862,18 @@ class St {
   async requestTcpChange(t) {
     if (t === this.selectedTcpId) return;
     this.tcpChangeInProgress = !0;
-    const o = this.jogger.tcp, r = this.jogger.mode !== "jogging";
+    const o = this.jogger.tcp, i = this.jogger.mode !== "jogging";
     try {
-      this.jogger.tcp = t, r ? await this.jogger.setJoggingMode("jogging") : await this.jogger.setJoggingMode("jogging", !1);
-      let i = await this.waitForTcpConfirmation(t, 1e3);
-      r && await this.jogger.setJoggingMode("off"), i || (i = await this.waitForTcpConfirmation(t, 2e3)), D(() => {
-        i ? this.selectedTcpId = t : (this.jogger.tcp = o, this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "");
+      this.jogger.tcp = t, i ? await this.jogger.setJoggingMode("jogging") : await this.jogger.setJoggingMode("jogging", !1);
+      let r = await this.waitForTcpConfirmation(t, 1e3);
+      i && await this.jogger.setJoggingMode("off"), r || (r = await this.waitForTcpConfirmation(t, 2e3)), D(() => {
+        r ? this.selectedTcpId = t : (this.jogger.tcp = o, this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "");
       });
-    } catch (i) {
-      throw r && await this.jogger.setJoggingMode("off").catch(() => {
+    } catch (r) {
+      throw i && await this.jogger.setJoggingMode("off").catch(() => {
       }), D(() => {
         this.jogger.tcp = o, this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "";
-      }), i;
+      }), r;
     } finally {
       D(() => {
         this.tcpChangeInProgress = !1;
@@ -2857,13 +2881,13 @@ class St {
     }
   }
   waitForTcpConfirmation(t, o) {
-    return new Promise((r) => {
-      const i = setTimeout(() => {
-        n(), r(!1);
-      }, o), n = lt(
+    return new Promise((i) => {
+      const r = setTimeout(() => {
+        n(), i(!1);
+      }, o), n = dt(
         () => this.jogger.motionStream.rapidlyChangingMotionState.tcp === t,
         () => {
-          clearTimeout(i), r(!0);
+          clearTimeout(r), i(!0);
         }
       );
     });
@@ -2897,7 +2921,7 @@ class St {
   }
   /** Lock the UI until the given async callback resolves */
   async withMotionLock(t) {
-    const o = Ge();
+    const o = $e();
     this.lock(o);
     try {
       return await t();
@@ -2906,10 +2930,10 @@ class St {
     }
   }
 }
-const Oo = J(
+const $o = L(
   ({ store: e, useDegree: t }) => {
     var c;
-    const { t: o } = V(), r = ae(), i = [];
+    const { t: o } = N(), i = le(), r = [];
     function n(s) {
       switch (s) {
         case "coordsys":
@@ -2920,26 +2944,26 @@ const Oo = J(
           return s;
       }
     }
-    return e.showCoordSystemSelect && i.push(
+    return e.showCoordSystemSelect && r.push(
       /* @__PURE__ */ a(
-        at,
+        lt,
         {
-          labelId: `jogging-coord-select-${r}`,
+          labelId: `jogging-coord-select-${i}`,
           labelValue: o("Jogging.CoordinateSystem.hlb"),
           value: e.selectedCoordSystemId,
           size: "small",
           variant: "filled",
           displayEmpty: !0,
           onChange: (s) => e.setSelectedCoordSystemId(s.target.value),
-          children: e.coordSystems.map((s) => /* @__PURE__ */ a(Z, { value: s.coordinate_system, children: s.name && e.coordSystemCountByName[s.name] > 1 ? `${s.name} / ${s.coordinate_system}` : s.name || s.coordinate_system }, s.coordinate_system))
+          children: e.coordSystems.map((s) => /* @__PURE__ */ a(X, { value: s.coordinate_system, children: s.name && e.coordSystemCountByName[s.name] > 1 ? `${s.name} / ${s.coordinate_system}` : s.name || s.coordinate_system }, s.coordinate_system))
         },
         "coord"
       )
-    ), e.showTcpSelect && i.push(
+    ), e.showTcpSelect && r.push(
       /* @__PURE__ */ a(
-        at,
+        lt,
         {
-          labelId: `jogging-tcp-select-${r}`,
+          labelId: `jogging-tcp-select-${i}`,
           labelValue: "TCP",
           value: e.selectedTcpId,
           size: "small",
@@ -2951,29 +2975,29 @@ const Oo = J(
             });
           },
           disabled: e.tcpChangeInProgress,
-          endAdornment: e.tcpChangeInProgress ? /* @__PURE__ */ a(ze, { position: "end", children: /* @__PURE__ */ a(Ut, { size: 16 }) }) : void 0,
-          children: e.tcps.map((s) => /* @__PURE__ */ a(Z, { value: s.id, children: s.id }, s.id))
+          endAdornment: e.tcpChangeInProgress ? /* @__PURE__ */ a(Je, { position: "end", children: /* @__PURE__ */ a(qt, { size: 16 }) }) : void 0,
+          children: e.tcps.map((s) => /* @__PURE__ */ a(X, { value: s.id, children: s.id }, s.id))
         },
         "tcp"
       )
-    ), e.showOrientationSelect && i.push(
+    ), e.showOrientationSelect && r.push(
       /* @__PURE__ */ a(
-        at,
+        lt,
         {
           labelValue: o("Jogging.Cartesian.Orientation.lb"),
-          labelId: `orientation-select-${r}`,
+          labelId: `orientation-select-${i}`,
           value: e.selectedOrientation,
           onChange: (s) => e.setSelectedOrientation(s.target.value),
-          children: _o.map((s) => /* @__PURE__ */ a(Z, { value: s, children: n(s) }, s))
+          children: Bo.map((s) => /* @__PURE__ */ a(X, { value: s, children: n(s) }, s))
         },
         "orientation"
       )
-    ), e.showIncrementSelect && i.push(
+    ), e.showIncrementSelect && r.push(
       /* @__PURE__ */ S(
-        at,
+        lt,
         {
           labelValue: o("Jogging.Increment.hlb"),
-          labelId: `jogging-increment-select-${r}`,
+          labelId: `jogging-increment-select-${i}`,
           size: "small",
           variant: "filled",
           value: ((c = e.activeDiscreteIncrement) == null ? void 0 : c.id) || "continuous",
@@ -2981,14 +3005,14 @@ const Oo = J(
             s.target.value
           ),
           children: [
-            /* @__PURE__ */ a(Z, { value: "continuous", children: o("Jogging.Increment.Continuous.dd") }, "continuous"),
-            e.selectedOrientation === "tool" ? null : e.discreteIncrementOptions.map((s) => /* @__PURE__ */ a(Z, { value: s.id, children: t ? `${s.degrees}°` : `${s.mm}mm` }, s.id))
+            /* @__PURE__ */ a(X, { value: "continuous", children: o("Jogging.Increment.Continuous.dd") }, "continuous"),
+            e.selectedOrientation === "tool" ? null : e.discreteIncrementOptions.map((s) => /* @__PURE__ */ a(X, { value: s.id, children: t ? `${s.degrees}°` : `${s.mm}mm` }, s.id))
           ]
         },
         "increment"
       )
     ), /* @__PURE__ */ a(
-      T,
+      M,
       {
         component: "div",
         "data-testid": "jogging-options",
@@ -3000,11 +3024,11 @@ const Oo = J(
           gridAutoRows: "min-content",
           "& label": { opacity: 0.7, fontSize: "12px", marginBottom: "4px" }
         },
-        children: i.map((s, l) => /* @__PURE__ */ a(
-          T,
+        children: r.map((s, l) => /* @__PURE__ */ a(
+          M,
           {
             sx: {
-              gridColumn: i.length % 2 === 1 && l === i.length - 1 ? "span 2" : "auto"
+              gridColumn: r.length % 2 === 1 && l === r.length - 1 ? "span 2" : "auto"
             },
             children: s
           },
@@ -3013,7 +3037,7 @@ const Oo = J(
       }
     );
   }
-), Do = dt(Ue)(({ theme: e }) => {
+), zo = gt(ze)(({ theme: e }) => {
   var t;
   return {
     "&.MuiToggleButtonGroup-root": {
@@ -3035,11 +3059,11 @@ const Oo = J(
       }
     }
   };
-}), Ao = J((e) => {
+}), Vo = L((e) => {
   var n, c, s;
-  const t = B(), { store: o } = e, { t: r } = V();
-  function i(l, d) {
-    d === e.velocity || !He(d) || e.onVelocityChange(d, e.useDegree);
+  const t = B(), { store: o } = e, { t: i } = N();
+  function r(l, d) {
+    d === e.velocity || !Ve(d) || e.onVelocityChange(d, e.useDegree);
   }
   return /* @__PURE__ */ S(
     _,
@@ -3057,15 +3081,15 @@ const Oo = J(
               color: (s = (c = (n = t.componentsExt) == null ? void 0 : n.JoggingPanel) == null ? void 0 : c.VelocitySlider) == null ? void 0 : s.sliderLegendColor,
               fontSize: "14px"
             },
-            children: r("Jogging.Velocity.bt")
+            children: i("Jogging.Velocity.bt")
           }
         ),
         /* @__PURE__ */ a(
-          Ht,
+          Yt,
           {
             value: e.velocity,
             color: "secondary",
-            onChange: i,
+            onChange: r,
             min: e.min,
             max: e.max,
             "aria-labelledby": "input-slider",
@@ -3079,13 +3103,13 @@ const Oo = J(
             }
           }
         ),
-        o.showVelocitySliderLabel && (e.renderValue ? e.renderValue(e.velocity) : /* @__PURE__ */ a(Qt, { value: e.velocity.toString() }))
+        o.showVelocitySliderLabel && (e.renderValue ? e.renderValue(e.velocity) : /* @__PURE__ */ a(Kt, { value: e.velocity.toString() }))
       ]
     }
   );
 });
-function Qt({ value: e, sx: t }) {
-  var r;
+function Kt({ value: e, sx: t }) {
+  var i;
   const o = B();
   return /* @__PURE__ */ a(
     _,
@@ -3096,7 +3120,7 @@ function Qt({ value: e, sx: t }) {
       gap: "5px",
       sx: {
         padding: "6px 12px",
-        background: (r = o.palette.backgroundPaperElevation) == null ? void 0 : r[8],
+        background: (i = o.palette.backgroundPaperElevation) == null ? void 0 : i[8],
         borderRadius: "10px",
         minWidth: "111px",
         ...t
@@ -3118,14 +3142,14 @@ function Qt({ value: e, sx: t }) {
     }
   );
 }
-const Xt = J(
+const te = L(
   ({ store: e, useDegree: t }) => {
-    const { t: o } = V();
-    function r(i, n) {
-      return n ? `ω = ${o("Jogging.Cartesian.Rotation.velocityDegPerSec.lb", { amount: i })}` : `v = ${o("Jogging.Cartesian.Translation.velocityMmPerSec.lb", { amount: i })}`;
+    const { t: o } = N();
+    function i(r, n) {
+      return n ? `ω = ${o("Jogging.Cartesian.Rotation.velocityDegPerSec.lb", { amount: r })}` : `v = ${o("Jogging.Cartesian.Translation.velocityMmPerSec.lb", { amount: r })}`;
     }
     return /* @__PURE__ */ a(
-      Ao,
+      Vo,
       {
         store: e,
         velocity: e.velocityInDisplayUnits(t),
@@ -3134,10 +3158,10 @@ const Xt = J(
         onVelocityChange: e.setVelocityFromSlider,
         useDegree: t,
         disabled: e.isLocked,
-        renderValue: (i) => /* @__PURE__ */ a(
-          Qt,
+        renderValue: (r) => /* @__PURE__ */ a(
+          Kt,
           {
-            value: r(i, t),
+            value: i(r, t),
             sx: {
               minWidth: "111px",
               span: {
@@ -3149,11 +3173,11 @@ const Xt = J(
       }
     );
   }
-), Kt = J(({ store: e }) => {
-  var i, n, c;
-  const { t } = V(), o = B(), r = ((c = (n = (i = e.jogger.motionStream.rapidlyChangingMotionState.execute) == null ? void 0 : i.details) == null ? void 0 : n.state) == null ? void 0 : c.kind) ?? "KIND_UNKNOWN";
+), ee = L(({ store: e }) => {
+  var r, n, c;
+  const { t } = N(), o = B(), i = ((c = (n = (r = e.jogger.motionStream.rapidlyChangingMotionState.execute) == null ? void 0 : r.details) == null ? void 0 : n.state) == null ? void 0 : c.kind) ?? "KIND_UNKNOWN";
   return /* @__PURE__ */ S(
-    T,
+    M,
     {
       sx: {
         display: "flex",
@@ -3183,20 +3207,20 @@ const Xt = J(
               // Smaller than body2
               lineHeight: 1.2
             },
-            "data-testid": r,
-            children: t(`Jogging.StreamStateSection.${r}.lb`)
+            "data-testid": i,
+            children: t(`Jogging.StreamStateSection.${i}.lb`)
           }
         )
       ]
     }
   );
-}), Jo = J(
+}), No = L(
   ({
     store: e,
     children: t
   }) => {
-    const { t: o } = V(), r = B();
-    function i(p, u) {
+    const { t: o } = N(), i = B();
+    function r(p, u) {
       (u === "translate" || u === "rotate") && e.setSelectedCartesianMotionType(u);
     }
     async function n(p, u) {
@@ -3218,7 +3242,7 @@ const Xt = J(
               distanceMm: u.mm
             } : {
               type: "rotate",
-              distanceRads: Re(u.degrees)
+              distanceRads: je(u.degrees)
             }
           });
         } finally {
@@ -3253,18 +3277,18 @@ const Xt = J(
     const d = [
       {
         id: "x",
-        icon: /* @__PURE__ */ a(Ae, {}),
-        colors: l("X", e.selectedCartesianMotionType, r)
+        icon: /* @__PURE__ */ a(jo, {}),
+        colors: l("X", e.selectedCartesianMotionType, i)
       },
       {
         id: "y",
-        icon: /* @__PURE__ */ a(Je, {}),
-        colors: l("Y", e.selectedCartesianMotionType, r)
+        icon: /* @__PURE__ */ a(_o, {}),
+        colors: l("Y", e.selectedCartesianMotionType, i)
       },
       {
         id: "z",
-        icon: /* @__PURE__ */ a(Fe, {}),
-        colors: l("Z", e.selectedCartesianMotionType, r)
+        icon: /* @__PURE__ */ a(Oo, {}),
+        colors: l("Z", e.selectedCartesianMotionType, i)
       }
     ];
     function m(p) {
@@ -3272,7 +3296,7 @@ const Xt = J(
     }
     function g(p) {
       return o("General.degree.variable", {
-        amount: Gt(p).toFixed(1)
+        amount: Ut(p).toFixed(1)
       });
     }
     return /* @__PURE__ */ S(
@@ -3286,14 +3310,14 @@ const Xt = J(
         children: [
           /* @__PURE__ */ S(_, { gap: 2, children: [
             /* @__PURE__ */ a(
-              Oo,
+              $o,
               {
                 store: e,
                 useDegree: e.selectedCartesianMotionType === "rotate"
               }
             ),
             /* @__PURE__ */ a(
-              Xt,
+              te,
               {
                 store: e,
                 useDegree: e.selectedCartesianMotionType === "rotate"
@@ -3318,37 +3342,37 @@ const Xt = J(
                   sx: { flexGrow: 1 },
                   children: [
                     /* @__PURE__ */ S(
-                      Do,
+                      zo,
                       {
                         value: e.selectedCartesianMotionType,
-                        onChange: i,
+                        onChange: r,
                         exclusive: !0,
                         "aria-label": o("Jogging.Cartesian.MotionType.lb"),
                         sx: { justifyContent: "center" },
                         children: [
-                          /* @__PURE__ */ a(_t, { value: "translate", children: o("Jogging.Cartesian.Translation.bt") }),
-                          /* @__PURE__ */ a(_t, { value: "rotate", children: o("Jogging.Cartesian.Rotation.bt") })
+                          /* @__PURE__ */ a(Ot, { value: "translate", children: o("Jogging.Cartesian.Translation.bt") }),
+                          /* @__PURE__ */ a(Ot, { value: "rotate", children: o("Jogging.Cartesian.Rotation.bt") })
                         ]
                       }
                     ),
                     e.selectedCartesianMotionType === "translate" && d.map((p) => {
                       var u, b;
                       return /* @__PURE__ */ a(
-                        At,
+                        Lt,
                         {
                           "data-testid": `jogging-cartesian-axis-control-${p.id}`,
                           "aria-label": `jogging-cartesian-axis-control-${p.id}`,
                           colors: p.colors,
                           disabled: e.isLocked,
                           activeJoggingDirection: ((u = e.incrementJogInProgress) == null ? void 0 : u.axis) === p.id ? e.incrementJogInProgress.direction : void 0,
-                          label: /* @__PURE__ */ S(nt, { children: [
+                          label: /* @__PURE__ */ S(rt, { children: [
                             p.icon,
                             /* @__PURE__ */ a(
                               R,
                               {
                                 sx: {
                                   fontSize: "24px",
-                                  color: ((b = p.colors) == null ? void 0 : b.labelColor) ?? r.palette.text.primary
+                                  color: ((b = p.colors) == null ? void 0 : b.labelColor) ?? i.palette.text.primary
                                 },
                                 children: p.id.toUpperCase()
                               }
@@ -3357,7 +3381,7 @@ const Xt = J(
                           getDisplayedValue: () => {
                             var y, x;
                             return m(
-                              ((x = (y = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : y.position) == null ? void 0 : x[ot[p.id]]) || 0
+                              ((x = (y = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : y.position) == null ? void 0 : x[it[p.id]]) || 0
                             );
                           },
                           startJogging: (y) => c({
@@ -3373,21 +3397,21 @@ const Xt = J(
                     e.selectedCartesianMotionType === "rotate" && d.map((p) => {
                       var u, b;
                       return /* @__PURE__ */ a(
-                        At,
+                        Lt,
                         {
                           "data-testid": `jogging-cartesian-axis-control-${p.id}`,
                           "aria-label": `jogging-cartesian-axis-control-${p.id}`,
                           colors: p.colors,
                           disabled: e.isLocked,
                           activeJoggingDirection: ((u = e.incrementJogInProgress) == null ? void 0 : u.axis) === p.id ? e.incrementJogInProgress.direction : void 0,
-                          label: /* @__PURE__ */ S(nt, { children: [
-                            /* @__PURE__ */ a(Be, {}),
+                          label: /* @__PURE__ */ S(rt, { children: [
+                            /* @__PURE__ */ a(Jo, {}),
                             /* @__PURE__ */ a(
                               R,
                               {
                                 sx: {
                                   fontSize: "24px",
-                                  color: ((b = p.colors) == null ? void 0 : b.labelColor) ?? r.palette.text.primary
+                                  color: ((b = p.colors) == null ? void 0 : b.labelColor) ?? i.palette.text.primary
                                 },
                                 children: p.id.toUpperCase()
                               }
@@ -3396,7 +3420,7 @@ const Xt = J(
                           getDisplayedValue: () => {
                             var y, x;
                             return g(
-                              ((x = (y = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : y.orientation) == null ? void 0 : x[ot[p.id]]) || 0
+                              ((x = (y = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : y.orientation) == null ? void 0 : x[it[p.id]]) || 0
                             );
                           },
                           startJogging: (y) => c({
@@ -3414,27 +3438,27 @@ const Xt = J(
               )
             }
           ),
-          /* @__PURE__ */ a(Zt, { store: e }),
+          /* @__PURE__ */ a(Xt, { store: e }),
           /* @__PURE__ */ a(U, {}),
-          /* @__PURE__ */ a(Kt, { store: e }),
+          /* @__PURE__ */ a(ee, { store: e }),
           t && /* @__PURE__ */ a(U, {}),
           t
         ]
       }
     );
   }
-), Fo = J(
+), Wo = L(
   ({ store: e, children: t }) => {
     const o = B();
-    async function r(n) {
+    async function i(n) {
       await e.activate(), await e.jogger.rotateJoints({
         joint: n.joint,
         direction: n.direction,
-        velocityUnit: e.jointType === G.PrismaticJoint ? "mm/s" : "rad/s",
-        velocityValue: e.jointType === G.PrismaticJoint ? e.translationVelocityMmPerSec : e.rotationVelocityRadsPerSec
+        velocityUnit: e.jointType === H.PrismaticJoint ? "mm/s" : "rad/s",
+        velocityValue: e.jointType === H.PrismaticJoint ? e.translationVelocityMmPerSec : e.rotationVelocityRadsPerSec
       });
     }
-    async function i() {
+    async function r() {
       await e.jogger.stop(), await e.deactivate();
     }
     return /* @__PURE__ */ S(
@@ -3447,10 +3471,10 @@ const Xt = J(
         sx: { padding: "18px 24px" },
         children: [
           /* @__PURE__ */ a(
-            Xt,
+            te,
             {
               store: e,
-              useDegree: e.jointType === G.RevoluteJoint
+              useDegree: e.jointType === H.RevoluteJoint
             }
           ),
           /* @__PURE__ */ a(U, {}),
@@ -3494,16 +3518,16 @@ const Xt = J(
                               disabled: e.isLocked,
                               lowerLimit: c == null ? void 0 : c.lower_limit,
                               upperLimit: c == null ? void 0 : c.upper_limit,
-                              useDegree: e.jointType === G.RevoluteJoint,
+                              useDegree: e.jointType === H.RevoluteJoint,
                               getValue: () => {
                                 const m = e.jogger.motionStream.rapidlyChangingMotionState.joint_position[n.index];
                                 return m !== void 0 ? m : void 0;
                               },
-                              startJogging: (m) => r({
+                              startJogging: (m) => i({
                                 joint: n.index,
                                 direction: m
                               }),
-                              stopJogging: i
+                              stopJogging: r
                             }
                           )
                         ]
@@ -3515,50 +3539,50 @@ const Xt = J(
               )
             }
           ),
-          /* @__PURE__ */ a(Zt, { store: e }),
+          /* @__PURE__ */ a(Xt, { store: e }),
           /* @__PURE__ */ a(U, {}),
-          /* @__PURE__ */ a(Kt, { store: e }),
+          /* @__PURE__ */ a(ee, { store: e }),
           t && /* @__PURE__ */ a(U, {}),
           t
         ]
       }
     );
   }
-), Ti = z(
-  J((e) => {
-    const t = Ie(e.nova) ? new ve({ instanceUrl: e.nova }) : e.nova, o = zt(() => ({
+), _i = V(
+  L((e) => {
+    const t = ke(e.nova) ? new Ce({ instanceUrl: e.nova }) : e.nova, o = Nt(() => ({
       joggingStore: null,
       loadingError: null
     }));
-    async function r() {
+    async function i() {
       D(() => {
         o.loadingError = null, o.joggingStore = null;
       });
       try {
-        let i = e.store;
-        if (!i) {
-          const n = await yt.open(
+        let r = e.store;
+        if (!r) {
+          const n = await vt.open(
             t,
             e.motionGroupId,
             {
               cellId: e.cellId
             }
           );
-          i = await St.loadFor(n);
+          r = await wt.loadFor(n);
         }
         D(() => {
-          o.joggingStore = i;
-        }), e.onSetup && e.onSetup(i);
-      } catch (i) {
-        o.loadingError = i;
+          o.joggingStore = r;
+        }), e.onSetup && e.onSetup(r);
+      } catch (r) {
+        o.loadingError = r;
       }
     }
-    return F(() => (r(), e.store ? () => null : () => {
-      var i;
-      (i = o.joggingStore) == null || i.dispose();
+    return F(() => (i(), e.store ? () => null : () => {
+      var r;
+      (r = o.joggingStore) == null || r.dispose();
     }), [e.store, e.nova, e.motionGroupId, e.cellId]), F(() => {
-      const i = o.joggingStore;
-      i && (e.locked ? i.lock("external") : i.unlock("external"));
+      const r = o.joggingStore;
+      r && (e.locked ? r.lock("external") : r.unlock("external"));
     }, [o.joggingStore, e.locked]), /* @__PURE__ */ a(
       _,
       {
@@ -3570,46 +3594,46 @@ const Xt = J(
           position: "relative",
           ...e.sx
         },
-        children: o.joggingStore ? /* @__PURE__ */ a(Bo, { store: o.joggingStore, children: e.children }) : /* @__PURE__ */ a(ko, { message: "Loading jogging", error: o.loadingError })
+        children: o.joggingStore ? /* @__PURE__ */ a(Go, { store: o.joggingStore, children: e.children }) : /* @__PURE__ */ a(Io, { message: "Loading jogging", error: o.loadingError })
       }
     );
   })
-), Bo = J(
+), Go = L(
   ({
     store: e,
     children: t
   }) => {
-    const { t: o } = V();
-    function r() {
+    const { t: o } = N();
+    function i() {
       if (e.currentTab.id === "cartesian")
-        return /* @__PURE__ */ a(Jo, { store: e, children: t });
+        return /* @__PURE__ */ a(No, { store: e, children: t });
       if (e.currentTab.id === "joint")
-        return /* @__PURE__ */ a(Fo, { store: e, children: t });
+        return /* @__PURE__ */ a(Wo, { store: e, children: t });
     }
     return /* @__PURE__ */ S(_, { flexGrow: 1, sx: { overflow: "hidden" }, children: [
       /* @__PURE__ */ a(
-        Wt,
+        Ht,
         {
           "data-testid": "jogging-tabs",
           "aria-label": "jogging-tabs",
           value: e.tabIndex,
           onChange: e.onTabChange,
           variant: "fullWidth",
-          children: e.tabs.map((i) => {
-            const n = i.label === "Cartesian" ? o("Jogging.Cartesian.bt") : o("Jogging.Joints.bt"), c = i.label === "cartesian" ? /* @__PURE__ */ a(ye, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(Se, { fontSize: "small", sx: { mr: 1 } });
+          children: e.tabs.map((r) => {
+            const n = r.label === "Cartesian" ? o("Jogging.Cartesian.bt") : o("Jogging.Joints.bt"), c = r.label === "cartesian" ? /* @__PURE__ */ a(ve, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(we, { fontSize: "small", sx: { mr: 1 } });
             return /* @__PURE__ */ a(
-              Nt,
+              Gt,
               {
-                "data-testid": `jogging-tab-${i.id}`,
-                "aria-label": `jogging-tab-${i.id}`,
+                "data-testid": `jogging-tab-${r.id}`,
+                "aria-label": `jogging-tab-${r.id}`,
                 label: e.showTabIcons ? /* @__PURE__ */ S(_, { direction: "row", alignItems: "center", children: [
                   c,
                   n
                 ] }) : n,
-                id: `jogging-tab-${i.id}`,
-                "aria-controls": `jogging-tab-${i.id}`
+                id: `jogging-tab-${r.id}`,
+                "aria-controls": `jogging-tab-${r.id}`
               },
-              i.id
+              r.id
             );
           })
         }
@@ -3620,15 +3644,15 @@ const Xt = J(
           flexGrow: 1,
           position: "relative",
           sx: { overflowY: "auto", overflowX: "hidden" },
-          children: r()
+          children: i()
         }
       ),
-      e.blocked && /* @__PURE__ */ a(jo, { store: e })
+      e.blocked && /* @__PURE__ */ a(Ro, { store: e })
     ] });
   }
-), te = (e) => {
+), oe = (e) => {
   var s;
-  const { value: t, ref: o } = e, r = B(), [i, n] = $(!1);
+  const { value: t, ref: o } = e, i = B(), [r, n] = $(!1);
   async function c() {
     if (!o || !("current" in o))
       return console.warn("No copy target found"), !1;
@@ -3645,13 +3669,13 @@ const Xt = J(
     return !1;
   }
   return F(() => {
-    if (!i)
+    if (!r)
       return;
     const l = setTimeout(() => n(!1), 3e3);
     return () => {
       l && clearTimeout(l);
     };
-  }, [i]), /* @__PURE__ */ a(Qe, { open: i, title: "Copied!", children: /* @__PURE__ */ a(
+  }, [r]), /* @__PURE__ */ a(He, { open: r, title: "Copied!", children: /* @__PURE__ */ a(
     _,
     {
       justifyContent: "center",
@@ -3659,7 +3683,7 @@ const Xt = J(
         height: "100%",
         boxSizing: "border-box",
         padding: "6px 12px",
-        background: (s = r.palette.backgroundPaperElevation) == null ? void 0 : s[8],
+        background: (s = i.palette.backgroundPaperElevation) == null ? void 0 : s[8],
         borderRadius: "10px",
         minWidth: "0",
         cursor: "pointer"
@@ -3673,7 +3697,7 @@ const Xt = J(
           sx: {
             pointerEvents: "none",
             fontSize: "12px",
-            color: r.palette.text.primary,
+            color: i.palette.text.primary,
             whiteSpace: "nowrap",
             minWidth: 0,
             textOverflow: "ellipsis",
@@ -3685,9 +3709,9 @@ const Xt = J(
       )
     }
   ) });
-}, Ii = z(
-  J(({ tcpPose: e, showCopyButton: t = !1 }) => {
-    const [o, r] = $(null), i = Ce(e);
+}, Ai = V(
+  L(({ tcpPose: e, showCopyButton: t = !1 }) => {
+    const [o, i] = $(null), r = Me(e);
     return /* @__PURE__ */ S(
       _,
       {
@@ -3697,18 +3721,18 @@ const Xt = J(
         sx: { flexGrow: 1, minWidth: 0, overflow: "hidden" },
         "data-testid": "pose-cartesian-values",
         children: [
-          /* @__PURE__ */ a(te, { value: i }),
+          /* @__PURE__ */ a(oe, { value: r }),
           t && /* @__PURE__ */ a(
-            Q,
+            K,
             {
               variant: "contained",
               color: "secondary",
               size: "small",
               onClick: async () => {
                 try {
-                  await navigator.clipboard.writeText(i), r("Copied!"), setTimeout(() => r(null), 2e3);
+                  await navigator.clipboard.writeText(r), i("Copied!"), setTimeout(() => i(null), 2e3);
                 } catch {
-                  r("Copy failed"), setTimeout(() => r(null), 2e3);
+                  i("Copy failed"), setTimeout(() => i(null), 2e3);
                 }
               },
               sx: { flexShrink: 0 },
@@ -3719,9 +3743,9 @@ const Xt = J(
       }
     );
   })
-), Mi = z(
-  J(({ joints: e, showCopyButton: t = !1 }) => {
-    const [o, r] = $(null), i = `[${e.map((c) => parseFloat(c.toFixed(4))).join(", ")}]`;
+), Oi = V(
+  L(({ joints: e, showCopyButton: t = !1 }) => {
+    const [o, i] = $(null), r = `[${e.map((c) => parseFloat(c.toFixed(4))).join(", ")}]`;
     return /* @__PURE__ */ S(
       _,
       {
@@ -3731,18 +3755,18 @@ const Xt = J(
         sx: { flexGrow: 1, minWidth: 0, overflow: "hidden" },
         "data-testid": "pose-joint-values",
         children: [
-          /* @__PURE__ */ a(te, { value: i }),
+          /* @__PURE__ */ a(oe, { value: r }),
           t && /* @__PURE__ */ a(
-            Q,
+            K,
             {
               variant: "contained",
               color: "secondary",
               size: "small",
               onClick: async () => {
                 try {
-                  await navigator.clipboard.writeText(i), r("Copied!"), setTimeout(() => r(null), 2e3);
+                  await navigator.clipboard.writeText(r), i("Copied!"), setTimeout(() => i(null), 2e3);
                 } catch {
-                  r("Copy failed"), setTimeout(() => r(null), 2e3);
+                  i("Copy failed"), setTimeout(() => i(null), 2e3);
                 }
               },
               sx: { flexShrink: 0 },
@@ -3754,16 +3778,16 @@ const Xt = J(
     );
   })
 );
-class $o {
+class Ho {
   constructor() {
     this.messages = [], this.addMessage = (t, o = "info") => {
-      const r = {
+      const i = {
         id: Math.random().toString(36).substring(2, 11),
         timestamp: /* @__PURE__ */ new Date(),
         message: t,
         level: o
       };
-      this.messages.push(r);
+      this.messages.push(i);
     }, this.clearMessages = () => {
       this.messages = [];
     }, this.addInfo = (t) => {
@@ -3774,22 +3798,22 @@ class $o {
       this.addMessage(t, "error");
     }, this.addDebug = (t) => {
       this.addMessage(t, "debug");
-    }, Me(this, {
-      messages: ke,
-      addMessage: Pt,
-      clearMessages: Pt
+    }, Re(this, {
+      messages: Ee,
+      addMessage: At,
+      clearMessages: At
     });
   }
 }
-const ut = (e, t, o) => ({
+const pt = (e, t, o) => ({
   id: o || `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`,
   timestamp: /* @__PURE__ */ new Date(),
   message: e,
   level: t
-}), ki = (e, t) => ut(e, "debug", t), Ri = (e, t) => ut(e, "info", t), ji = (e, t) => ut(e, "warning", t), Ei = (e, t) => ut(e, "error", t), Lo = z(
-  J((e) => {
+}), Di = (e, t) => pt(e, "debug", t), Ji = (e, t) => pt(e, "info", t), Li = (e, t) => pt(e, "warning", t), Fi = (e, t) => pt(e, "error", t), Uo = V(
+  L((e) => {
     var m;
-    const { messages: t = [], onClear: o, height: r = 400, sx: i } = e, n = B(), c = A(null);
+    const { messages: t = [], onClear: o, height: i = 400, sx: r } = e, n = B(), c = J(null);
     F(() => {
       if (t.length === 0) return;
       const g = c.current;
@@ -3821,12 +3845,12 @@ const ut = (e, t, o) => ({
       const [p, u] = $(!1), [b, y] = $(!1), [x, h] = $(!1), v = g.message.length > 150, f = async () => {
         try {
           await navigator.clipboard.writeText(g.message), y(!0), setTimeout(() => y(!1), 2e3);
-        } catch (C) {
-          console.error("Failed to copy message:", C);
+        } catch (w) {
+          console.error("Failed to copy message:", w);
         }
-      }, w = v && !p ? `${g.message.substring(0, 150)}...` : g.message;
+      }, C = v && !p ? `${g.message.substring(0, 150)}...` : g.message;
       return /* @__PURE__ */ a(
-        T,
+        M,
         {
           onMouseEnter: () => h(!0),
           onMouseLeave: () => h(!1),
@@ -3842,7 +3866,7 @@ const ut = (e, t, o) => ({
             padding: "2px 4px",
             margin: "-2px -4px"
           },
-          children: /* @__PURE__ */ S(T, { sx: { display: "flex", gap: 1 }, children: [
+          children: /* @__PURE__ */ S(M, { sx: { display: "flex", gap: 1 }, children: [
             /* @__PURE__ */ S(
               R,
               {
@@ -3879,11 +3903,11 @@ const ut = (e, t, o) => ({
                   flex: 1,
                   whiteSpace: "pre-wrap"
                 },
-                children: w
+                children: C
               }
             ),
             /* @__PURE__ */ S(
-              T,
+              M,
               {
                 sx: {
                   display: "flex",
@@ -3895,7 +3919,7 @@ const ut = (e, t, o) => ({
                 },
                 children: [
                   /* @__PURE__ */ a(
-                    q,
+                    Y,
                     {
                       size: "small",
                       onClick: f,
@@ -3907,11 +3931,11 @@ const ut = (e, t, o) => ({
                         }
                       },
                       title: b ? "Copied!" : "Copy message",
-                      children: /* @__PURE__ */ a(Xe, { sx: { fontSize: 12 } })
+                      children: /* @__PURE__ */ a(Ue, { sx: { fontSize: 12 } })
                     }
                   ),
                   v && /* @__PURE__ */ a(
-                    q,
+                    Y,
                     {
                       size: "small",
                       onClick: () => u(!p),
@@ -3923,7 +3947,7 @@ const ut = (e, t, o) => ({
                         }
                       },
                       title: p ? "Collapse" : "Expand",
-                      children: p ? /* @__PURE__ */ a(to, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(eo, { sx: { fontSize: 12 } })
+                      children: p ? /* @__PURE__ */ a(Ye, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(Ze, { sx: { fontSize: 12 } })
                     }
                   )
                 ]
@@ -3935,21 +3959,21 @@ const ut = (e, t, o) => ({
       );
     };
     return /* @__PURE__ */ S(
-      oo,
+      Qe,
       {
         sx: {
           backgroundColor: ((m = n.palette.backgroundPaperElevation) == null ? void 0 : m[2]) || "#171927",
           backgroundImage: "none",
           // Override any gradient from elevation
-          height: r,
+          height: i,
           display: "flex",
           flexDirection: "column",
           overflow: "hidden",
-          ...i
+          ...r
         },
         children: [
           /* @__PURE__ */ S(
-            T,
+            M,
             {
               sx: {
                 display: "flex",
@@ -3958,9 +3982,9 @@ const ut = (e, t, o) => ({
                 padding: "12px 16px"
               },
               children: [
-                /* @__PURE__ */ S(T, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                /* @__PURE__ */ S(M, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                   /* @__PURE__ */ a(
-                    Ke,
+                    qe,
                     {
                       sx: {
                         fontSize: 16,
@@ -3984,7 +4008,7 @@ const ut = (e, t, o) => ({
                   )
                 ] }),
                 /* @__PURE__ */ a(
-                  Q,
+                  K,
                   {
                     onClick: o,
                     variant: "text",
@@ -4009,7 +4033,7 @@ const ut = (e, t, o) => ({
             }
           ),
           /* @__PURE__ */ a(
-            T,
+            M,
             {
               ref: c,
               sx: {
@@ -4055,42 +4079,42 @@ const ut = (e, t, o) => ({
       }
     );
   })
-), Pi = z(
-  J((e) => {
-    const { store: t, onStoreReady: o, ...r } = e, i = A(o);
+), Bi = V(
+  L((e) => {
+    const { store: t, onStoreReady: o, ...i } = e, r = J(o);
     F(() => {
-      i.current = o;
+      r.current = o;
     }, [o]);
-    const n = st(() => {
+    const n = ct(() => {
       var l;
-      const s = t || new $o();
-      return (l = i.current) == null || l.call(i, s), s;
+      const s = t || new Ho();
+      return (l = r.current) == null || l.call(r, s), s;
     }, [t]), c = () => {
       n.clearMessages();
     };
     return /* @__PURE__ */ a(
-      Lo,
+      Uo,
       {
-        ...r,
+        ...i,
         messages: n.messages,
         onClear: c
       }
     );
   })
 );
-function zo() {
+function qo() {
   const e = window.location.href;
   return e.substring(
     0,
     e.indexOf("/", e.indexOf("//") + 2)
   );
 }
-function _i({
-  baseUrl: e = zo(),
+function $i({
+  baseUrl: e = qo(),
   ...t
 }) {
   return /* @__PURE__ */ S(
-    no,
+    Xe,
     {
       "aria-labelledby": "no-motion-group-modal-title",
       open: !0,
@@ -4110,9 +4134,9 @@ function _i({
         }
       },
       children: [
-        /* @__PURE__ */ a(ao, { id: "no-motion-group-modal-title", children: "No motion group found" }),
+        /* @__PURE__ */ a(eo, { id: "no-motion-group-modal-title", children: "No motion group found" }),
         /* @__PURE__ */ S(
-          ro,
+          to,
           {
             sx: {
               marginTop: "3rem",
@@ -4125,9 +4149,9 @@ function _i({
             ]
           }
         ),
-        /* @__PURE__ */ a(io, { children: /* @__PURE__ */ S(_, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
+        /* @__PURE__ */ a(Ke, { children: /* @__PURE__ */ S(_, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
           /* @__PURE__ */ a(
-            Q,
+            K,
             {
               href: `${e}/settings`,
               variant: "contained",
@@ -4139,7 +4163,7 @@ function _i({
             }
           ),
           /* @__PURE__ */ a(
-            Q,
+            K,
             {
               href: `${e}`,
               variant: "text",
@@ -4157,50 +4181,55 @@ function _i({
     }
   );
 }
-var ee = /* @__PURE__ */ ((e) => (e.PRECONDITION_NOT_FULFILLED = "PRECONDITION_NOT_FULFILLED", e.ROBOT_DISCONNECTED = "ROBOT_DISCONNECTED", e.CELL_OPEN = "CELL_OPEN", e.E_STOP = "E_STOP", e.MANUAL_MODE = "MANUAL_MODE", e.READY = "READY", e))(ee || {});
-const Vo = z(
-  J(({ setupState: e, className: t }) => {
-    const o = B(), { t: r } = V(), i = () => {
+const Yo = ({
+  title: e,
+  titleId: t,
+  ...o
+}, i) => /* @__PURE__ */ A.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18, height: 18, fill: "none", ref: i, "aria-labelledby": t, ...o }, e ? /* @__PURE__ */ A.createElement("title", { id: t }, e) : null, /* @__PURE__ */ A.createElement("path", { fill: "#38C6F4", fillRule: "evenodd", d: "M6.359 14.25v2.934h7.63v-3.521L10.196 9.87 9 8.674l.859-.859.337-.337.858-.858.565.565.631.63.565.565 1.196-1.195.543-.544 1.196-1.195-1.196-1.196-2.304-2.304L11.054.75 9.86 1.946 3.446 8.359 2.25 9.554l1.196 1.196 2.913 2.913zm1.69 0v1.244h4.249v-1.13L7.804 9.87 6.608 8.674l1.196-1.196L9.86 5.424l.007-.008-.543-.543-4.681 4.681 2.912 2.913.496.496v.113h2.124l1.174 1.174zm3.005-10.022-.294.294-.543-.543.837-.837 2.304 2.304-.543.543-.565-.565z", clipRule: "evenodd" })), Zo = Z(Yo);
+var ne = /* @__PURE__ */ ((e) => (e.PRECONDITION_NOT_FULFILLED = "PRECONDITION_NOT_FULFILLED", e.ROBOT_DISCONNECTED = "ROBOT_DISCONNECTED", e.CELL_OPEN = "CELL_OPEN", e.E_STOP = "E_STOP", e.MANUAL_MODE = "MANUAL_MODE", e.READY = "READY", e))(ne || {});
+const Qo = V(
+  L(({ setupState: e, className: t }) => {
+    const o = B(), { t: i } = N(), r = () => {
       var d, m, g, p, u, b, y;
       switch (e) {
         case "READY":
           return {
-            label: r("RobotSetupReadinessIndicator.Ready.lb"),
+            label: i("RobotSetupReadinessIndicator.Ready.lb"),
             indicatorColor: ((d = o.palette.tertiary) == null ? void 0 : d.main) || o.palette.primary.main,
             backgroundColor: ((m = o.palette.backgroundPaperElevation) == null ? void 0 : m[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         case "ROBOT_DISCONNECTED":
           return {
-            label: r("RobotSetupReadinessIndicator.RobotDisconnected.lb"),
+            label: i("RobotSetupReadinessIndicator.RobotDisconnected.lb"),
             indicatorColor: o.palette.error.main,
             backgroundColor: ((g = o.palette.backgroundPaperElevation) == null ? void 0 : g[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         case "CELL_OPEN":
           return {
-            label: r("RobotSetupReadinessIndicator.CellOpen.lb"),
+            label: i("RobotSetupReadinessIndicator.CellOpen.lb"),
             indicatorColor: o.palette.error.main,
             backgroundColor: ((p = o.palette.backgroundPaperElevation) == null ? void 0 : p[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         case "E_STOP":
           return {
-            label: r("RobotSetupReadinessIndicator.EStop.lb"),
+            label: i("RobotSetupReadinessIndicator.EStop.lb"),
             indicatorColor: o.palette.error.main,
             backgroundColor: ((u = o.palette.backgroundPaperElevation) == null ? void 0 : u[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         case "MANUAL_MODE":
           return {
-            label: r("RobotSetupReadinessIndicator.ManualMode.lb"),
+            label: i("RobotSetupReadinessIndicator.ManualMode.lb"),
             indicatorColor: o.palette.error.main,
             backgroundColor: ((b = o.palette.backgroundPaperElevation) == null ? void 0 : b[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         default:
           return {
-            label: r(
+            label: i(
               "RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb"
             ),
             indicatorColor: o.palette.error.main,
@@ -4208,13 +4237,13 @@ const Vo = z(
             textColor: o.palette.secondary.contrastText
           };
       }
-    }, { label: n, indicatorColor: c, backgroundColor: s, textColor: l } = i();
+    }, { label: n, indicatorColor: c, backgroundColor: s, textColor: l } = r();
     return /* @__PURE__ */ a(
-      lo,
+      no,
       {
         className: t,
         label: /* @__PURE__ */ S(
-          T,
+          M,
           {
             sx: {
               display: "flex",
@@ -4223,7 +4252,7 @@ const Vo = z(
             },
             children: [
               /* @__PURE__ */ a(
-                T,
+                M,
                 {
                   sx: {
                     width: 8,
@@ -4264,21 +4293,21 @@ const Vo = z(
       }
     );
   })
-), Oi = z(
-  J(
+), zi = V(
+  L(
     ({
       robotName: e,
       robotType: t,
       setupState: o,
-      PreconditionComponent: r = Vo,
-      className: i
+      PreconditionComponent: i = Qo,
+      className: r
     }) => {
       var l;
-      const n = B(), c = t || "Robot", s = o === ee.READY;
+      const n = B(), c = t || "Robot", s = o === ne.READY;
       return /* @__PURE__ */ S(
-        T,
+        M,
         {
-          className: i,
+          className: r,
           sx: {
             border: `1px solid ${n.palette.divider}`,
             background: ((l = n.palette.backgroundPaperElevation) == null ? void 0 : l[8]) || "#292B3F",
@@ -4291,7 +4320,7 @@ const Vo = z(
           },
           children: [
             /* @__PURE__ */ S(
-              T,
+              M,
               {
                 sx: {
                   display: "flex",
@@ -4301,7 +4330,7 @@ const Vo = z(
                 },
                 children: [
                   s ? /* @__PURE__ */ a(
-                    T,
+                    M,
                     {
                       sx: {
                         fontSize: 24,
@@ -4317,10 +4346,10 @@ const Vo = z(
                           fill: `${n.palette.primary.main} !important`
                         }
                       },
-                      children: /* @__PURE__ */ a($e, {})
+                      children: /* @__PURE__ */ a(Zo, {})
                     }
                   ) : /* @__PURE__ */ a(
-                    so,
+                    oo,
                     {
                       sx: {
                         color: n.palette.error.main,
@@ -4364,16 +4393,16 @@ const Vo = z(
                 ]
               }
             ),
-            r && /* @__PURE__ */ a(r, { setupState: o })
+            i && /* @__PURE__ */ a(i, { setupState: o })
           ]
         }
       );
     }
   )
-), No = dt(co, {
+), Xo = gt(io, {
   shouldForwardProp: (e) => e !== "selected"
 })(({ theme: e }) => {
-  var t, o, r;
+  var t, o, i;
   return {
     borderRadius: "20px",
     "&:hover": {
@@ -4381,7 +4410,7 @@ const Vo = z(
     },
     variants: [
       {
-        props: ({ selected: i }) => !i,
+        props: ({ selected: r }) => !r,
         style: {
           background: (o = e.palette.backgroundPaperElevation) == null ? void 0 : o[0],
           color: e.palette.action.disabled,
@@ -4391,19 +4420,19 @@ const Vo = z(
         }
       },
       {
-        props: ({ selected: i }) => i,
+        props: ({ selected: r }) => r,
         style: {
-          background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[11],
+          background: (i = e.palette.backgroundPaperElevation) == null ? void 0 : i[11],
           border: `1px solid ${e.palette.divider}`,
           color: e.palette.primary.contrastText
         }
       }
     ]
   };
-}), Di = (e) => {
+}), Vi = (e) => {
   const { ref: t, ...o } = e;
   return /* @__PURE__ */ a(
-    No,
+    Xo,
     {
       ref: t,
       selected: e.selected,
@@ -4413,25 +4442,25 @@ const Vo = z(
     }
   );
 };
-function Wo(e) {
-  const { children: t, value: o, index: r, ...i } = e;
+function Ko(e) {
+  const { children: t, value: o, index: i, ...r } = e;
   return /* @__PURE__ */ a(
     "div",
     {
       role: "tabpanel",
-      hidden: o !== r,
-      id: `tabpanel-${r}`,
-      "aria-labelledby": `tab-${r}`,
-      ...i,
-      children: o === r && /* @__PURE__ */ a(T, { children: t })
+      hidden: o !== i,
+      id: `tabpanel-${i}`,
+      "aria-labelledby": `tab-${i}`,
+      ...r,
+      children: o === i && /* @__PURE__ */ a(M, { children: t })
     }
   );
 }
-function Go({ children: e, ...t }) {
+function tn({ children: e, ...t }) {
   const {
     fullWidth: o,
-    indicator: r,
-    onChange: i,
+    indicator: i,
+    onChange: r,
     orientation: n,
     scrollButtons: c,
     selectionFollowsFocus: s,
@@ -4440,32 +4469,32 @@ function Go({ children: e, ...t }) {
     variant: m,
     ...g
   } = t;
-  return /* @__PURE__ */ a(T, { ...g, children: e });
+  return /* @__PURE__ */ a(M, { ...g, children: e });
 }
-const Ai = z(
-  J((e) => {
+const Ni = V(
+  L((e) => {
     const {
       items: t,
       activeTab: o,
-      defaultActiveTab: r = 0,
-      onTabChange: i,
+      defaultActiveTab: i = 0,
+      onTabChange: r,
       sx: n,
       ref: c
-    } = e, s = o !== void 0, [l, d] = $(r), m = s ? o : l;
+    } = e, s = o !== void 0, [l, d] = $(i), m = s ? o : l;
     F(() => {
       s || t.length !== 0 && (l < 0 || l > t.length - 1) && d(0);
     }, [t.length, s, l]);
     const g = (p, u) => {
-      s || d(u), i == null || i(u);
+      s || d(u), r == null || r(u);
     };
     return /* @__PURE__ */ S(
-      T,
+      M,
       {
         ref: c,
         sx: { height: "100%", display: "flex", flexDirection: "column", ...n },
         children: [
           /* @__PURE__ */ a(
-            T,
+            M,
             {
               sx: {
                 px: 0,
@@ -4481,7 +4510,7 @@ const Ai = z(
                 // 20px
               },
               children: /* @__PURE__ */ a(
-                Wt,
+                Ht,
                 {
                   value: m,
                   onChange: g,
@@ -4507,19 +4536,19 @@ const Ai = z(
                     }
                   },
                   children: t.map((p, u) => {
-                    var w, C, I;
+                    var C, w, T;
                     const b = () => {
                       if (!p.badge) return;
-                      const M = p.badge.content, j = p.badge.max;
-                      return typeof M == "number" && j && M > j ? `${j}+` : M;
+                      const I = p.badge.content, E = p.badge.max;
+                      return typeof I == "number" && E && I > E ? `${E}+` : I;
                     }, y = () => {
                       if (!p.badge) return !1;
-                      const M = p.badge.content, j = p.badge.showZero;
-                      return !(M === 0 && !j);
+                      const I = p.badge.content, E = p.badge.showZero;
+                      return !(I === 0 && !E);
                     }, x = b(), h = y(), v = () => {
-                      s || d(u), i == null || i(u);
+                      s || d(u), r == null || r(u);
                     }, f = /* @__PURE__ */ a(
-                      Nt,
+                      Gt,
                       {
                         label: p.label,
                         icon: p.icon,
@@ -4531,9 +4560,9 @@ const Ai = z(
                           height: "32px",
                           padding: "0px 10px",
                           borderRadius: "12px",
-                          backgroundColor: (M) => {
-                            var j;
-                            return ((j = M.palette.backgroundPaperElevation) == null ? void 0 : j[11]) || "#32344B";
+                          backgroundColor: (I) => {
+                            var E;
+                            return ((E = I.palette.backgroundPaperElevation) == null ? void 0 : E[11]) || "#32344B";
                           },
                           color: "text.primary",
                           opacity: m === u ? 1 : 0.38,
@@ -4546,9 +4575,9 @@ const Ai = z(
                           },
                           "&.Mui-selected": {
                             opacity: 1,
-                            backgroundColor: (M) => {
-                              var j;
-                              return ((j = M.palette.backgroundPaperElevation) == null ? void 0 : j[11]) || "#32344B";
+                            backgroundColor: (I) => {
+                              var E;
+                              return ((E = I.palette.backgroundPaperElevation) == null ? void 0 : E[11]) || "#32344B";
                             },
                             color: "text.primary"
                           },
@@ -4563,17 +4592,17 @@ const Ai = z(
                       p.id
                     );
                     return h ? /* @__PURE__ */ a(
-                      Go,
+                      tn,
                       {
                         component: "span",
                         sx: { display: "inline-flex" },
                         children: /* @__PURE__ */ a(
-                          uo,
+                          ro,
                           {
                             badgeContent: x,
-                            color: ((w = p.badge) == null ? void 0 : w.color) || "error",
-                            max: (C = p.badge) == null ? void 0 : C.max,
-                            showZero: (I = p.badge) == null ? void 0 : I.showZero,
+                            color: ((C = p.badge) == null ? void 0 : C.color) || "error",
+                            max: (w = p.badge) == null ? void 0 : w.max,
+                            showZero: (T = p.badge) == null ? void 0 : T.showZero,
                             anchorOrigin: {
                               vertical: "top",
                               horizontal: "right"
@@ -4597,7 +4626,7 @@ const Ai = z(
             }
           ),
           /* @__PURE__ */ a(
-            T,
+            M,
             {
               sx: {
                 mt: (p) => p.spacing(2),
@@ -4606,36 +4635,36 @@ const Ai = z(
               }
             }
           ),
-          /* @__PURE__ */ a(T, { sx: { flex: 1, overflow: "auto" }, children: t.map((p, u) => /* @__PURE__ */ a(Wo, { value: m, index: u, children: p.content }, p.id)) })
+          /* @__PURE__ */ a(M, { sx: { flex: 1, overflow: "auto" }, children: t.map((p, u) => /* @__PURE__ */ a(Ko, { value: m, index: u, children: p.content }, p.id)) })
         ]
       }
     );
   })
-), Uo = (e) => {
-  const t = Math.floor(e / 86400), o = Math.floor(e % 86400 / 3600), r = Math.floor(e % 3600 / 60), i = e % 60, n = [];
-  return t > 0 ? (n.push(t.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(":");
-}, Bt = (e, t) => {
-  const o = Math.floor(e / 86400), r = Math.floor(e % 86400 / 3600), i = Math.floor(e % 3600 / 60), n = e % 60;
+), en = (e) => {
+  const t = Math.floor(e / 86400), o = Math.floor(e % 86400 / 3600), i = Math.floor(e % 3600 / 60), r = e % 60, n = [];
+  return t > 0 ? (n.push(t.toString()), n.push(o.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0")), n.push(r.toString().padStart(2, "0"))) : o > 0 ? (n.push(o.toString()), n.push(i.toString().padStart(2, "0")), n.push(r.toString().padStart(2, "0"))) : (n.push(i.toString()), n.push(r.toString().padStart(2, "0"))), n.join(":");
+}, $t = (e, t) => {
+  const o = Math.floor(e / 86400), i = Math.floor(e % 86400 / 3600), r = Math.floor(e % 3600 / 60), n = e % 60;
   if (typeof Intl < "u" && "DurationFormat" in Intl)
     try {
       const s = {};
-      return o > 0 && (s.days = o), r > 0 && (s.hours = r), i > 0 && (s.minutes = i), (n > 0 || Object.keys(s).length === 0) && (s.seconds = n), new Intl.DurationFormat(t, { style: "narrow" }).format(s);
+      return o > 0 && (s.days = o), i > 0 && (s.hours = i), r > 0 && (s.minutes = r), (n > 0 || Object.keys(s).length === 0) && (s.seconds = n), new Intl.DurationFormat(t, { style: "narrow" }).format(s);
     } catch {
     }
   const c = [];
-  return o > 0 && c.push(`${o}d`), r > 0 && c.push(`${r}h`), i > 0 && c.push(`${i}m`), (n > 0 || c.length === 0) && c.push(`${n}s`), c.join(" ");
-}, Ho = ({
+  return o > 0 && c.push(`${o}d`), i > 0 && c.push(`${i}h`), r > 0 && c.push(`${r}m`), (n > 0 || c.length === 0) && c.push(`${n}s`), c.join(" ");
+}, on = ({
   timerState: e,
   animationState: t,
   hasError: o,
-  className: r
+  className: i
 }) => {
   var g, p;
-  const { t: i } = V(), n = B(), { elapsedTime: c, currentProgress: s } = e, { showErrorAnimation: l, showPauseAnimation: d, showMainText: m } = t;
+  const { t: r } = N(), n = B(), { elapsedTime: c, currentProgress: s } = e, { showErrorAnimation: l, showPauseAnimation: d, showMainText: m } = t;
   return /* @__PURE__ */ S(
-    T,
+    M,
     {
-      className: r,
+      className: i,
       sx: {
         position: "relative",
         width: 264,
@@ -4646,7 +4675,7 @@ const Ai = z(
       },
       children: [
         /* @__PURE__ */ a(
-          go,
+          ao,
           {
             width: 264,
             height: 264,
@@ -4681,7 +4710,7 @@ const Ai = z(
           }
         ),
         /* @__PURE__ */ a(
-          T,
+          M,
           {
             sx: {
               position: "absolute",
@@ -4701,7 +4730,7 @@ const Ai = z(
               transition: "background-color 0.5s ease-out"
             },
             children: /* @__PURE__ */ S(
-              T,
+              M,
               {
                 sx: {
                   position: "relative",
@@ -4712,7 +4741,7 @@ const Ai = z(
                   marginBottom: 0.5
                 },
                 children: [
-                  /* @__PURE__ */ a(H, { in: m && o, timeout: 200, children: /* @__PURE__ */ a(
+                  /* @__PURE__ */ a(q, { in: m && o, timeout: 200, children: /* @__PURE__ */ a(
                     R,
                     {
                       variant: "h6",
@@ -4722,10 +4751,10 @@ const Ai = z(
                         fontWeight: 500,
                         color: n.palette.error.light
                       },
-                      children: i("timer.error")
+                      children: r("timer.error")
                     }
                   ) }),
-                  /* @__PURE__ */ a(H, { in: m && !o, timeout: 300, children: /* @__PURE__ */ a(
+                  /* @__PURE__ */ a(q, { in: m && !o, timeout: 300, children: /* @__PURE__ */ a(
                     R,
                     {
                       variant: "h1",
@@ -4737,7 +4766,7 @@ const Ai = z(
                         lineHeight: 1,
                         letterSpacing: "-0.5px"
                       },
-                      children: Uo(c)
+                      children: en(c)
                     }
                   ) })
                 ]
@@ -4748,18 +4777,18 @@ const Ai = z(
       ]
     }
   );
-}, qo = ({
+}, nn = ({
   timerState: e,
   animationState: t,
   hasError: o,
-  compact: r,
-  className: i
+  compact: i,
+  className: r
 }) => {
-  const { t: n, i18n: c } = V(), s = B(), { elapsedTime: l, currentProgress: d } = e, { showErrorAnimation: m, showPauseAnimation: g } = t;
-  return r ? /* @__PURE__ */ a(
-    T,
+  const { t: n, i18n: c } = N(), s = B(), { elapsedTime: l, currentProgress: d } = e, { showErrorAnimation: m, showPauseAnimation: g } = t;
+  return i ? /* @__PURE__ */ a(
+    M,
     {
-      className: i,
+      className: r,
       sx: {
         display: "flex",
         alignItems: "center",
@@ -4774,14 +4803,14 @@ const Ai = z(
             fontSize: "14px",
             transition: "color 0.5s ease-out"
           },
-          children: o ? n("timer.error") : Bt(l, c.language)
+          children: o ? n("timer.error") : $t(l, c.language)
         }
       )
     }
   ) : /* @__PURE__ */ S(
-    T,
+    M,
     {
-      className: i,
+      className: r,
       sx: {
         display: "flex",
         alignItems: "center",
@@ -4790,7 +4819,7 @@ const Ai = z(
       },
       children: [
         /* @__PURE__ */ a(
-          T,
+          M,
           {
             sx: {
               width: 20,
@@ -4859,36 +4888,36 @@ const Ai = z(
               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") : Bt(l, c.language)
+            children: o ? n("timer.error") : $t(l, c.language)
           }
         )
       ]
     }
   );
-}, Yo = () => {
+}, rn = () => {
   const [e, t] = $({
     showPauseAnimation: !1,
     showErrorAnimation: !1,
     showMainText: !0
-  }), o = A(
+  }), o = J(
     null
-  ), r = A(
+  ), i = J(
     null
-  ), i = A(null), n = P(() => {
+  ), r = J(null), n = P(() => {
     t((g) => ({ ...g, showPauseAnimation: !0 })), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
       t((g) => ({ ...g, showPauseAnimation: !1 }));
     }, 800);
   }, []), c = P(() => {
-    t((g) => ({ ...g, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+    t((g) => ({ ...g, showErrorAnimation: !0 })), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
       t((g) => ({ ...g, showErrorAnimation: !1 }));
     }, 600);
   }, []), s = P(() => {
-    t((g) => ({ ...g, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
+    t((g) => ({ ...g, showErrorAnimation: !1 })), i.current && clearTimeout(i.current);
   }, []), l = P(() => {
     t((g) => ({
       ...g,
       showMainText: !1
-    })), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+    })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
       t((g) => ({
         ...g,
         showMainText: !0
@@ -4900,7 +4929,7 @@ const Ai = z(
       showMainText: !0
     }));
   }, []), m = P(() => {
-    o.current && clearTimeout(o.current), r.current && clearTimeout(r.current), i.current && clearTimeout(i.current);
+    o.current && clearTimeout(o.current), i.current && clearTimeout(i.current), r.current && clearTimeout(r.current);
   }, []);
   return {
     animationState: e,
@@ -4911,12 +4940,12 @@ const Ai = z(
     setInitialAnimationState: d,
     cleanup: m
   };
-}, Zo = ({
+}, an = ({
   autoStart: e,
   hasError: t,
   onPauseAnimation: o,
-  onErrorAnimation: r,
-  onClearErrorAnimation: i
+  onErrorAnimation: i,
+  onClearErrorAnimation: r
 }) => {
   const [n, c] = $({
     elapsedTime: 0,
@@ -4924,7 +4953,7 @@ const Ai = z(
     isPausedState: !1,
     currentProgress: 0,
     wasRunningBeforeError: !1
-  }), s = A(null), l = A(null), d = A(0), m = A(0), [g] = Vt([0], {
+  }), s = J(null), l = J(null), d = J(0), m = J(0), [g] = Wt([0], {
     tension: 80,
     friction: 18,
     onChange: ([h]) => {
@@ -4944,8 +4973,8 @@ const Ai = z(
   ), u = P(() => {
     if (l.current && n.isRunning) {
       const v = (Date.now() - l.current) / 1e3 + d.current, f = v / 60 % 1 * 100;
-      g.setTarget([f]), c((w) => ({
-        ...w,
+      g.setTarget([f]), c((C) => ({
+        ...C,
         elapsedTime: Math.floor(v)
       }));
     }
@@ -4970,26 +4999,26 @@ const Ai = z(
     })), d.current = 0, l.current = null, m.current = 0, g.setImmediate([0]);
   }, [g]), x = P(() => n.isPausedState, [n.isPausedState]);
   return F(() => {
-    t ? (n.isRunning && (c((h) => ({ ...h, wasRunningBeforeError: !0 })), u()), r()) : (n.wasRunningBeforeError && !n.isRunning && (c((h) => ({ ...h, wasRunningBeforeError: !1 })), b()), i());
+    t ? (n.isRunning && (c((h) => ({ ...h, wasRunningBeforeError: !0 })), u()), i()) : (n.wasRunningBeforeError && !n.isRunning && (c((h) => ({ ...h, wasRunningBeforeError: !1 })), b()), r());
   }, [
     t,
     n.isRunning,
     n.wasRunningBeforeError,
     u,
     b,
-    r,
-    i
+    i,
+    r
   ]), F(() => {
     if (n.isRunning) {
       const h = () => {
         if (l.current) {
-          const f = (Date.now() - l.current) / 1e3 + d.current, w = f / 60 % 1 * 100;
-          c((I) => ({
-            ...I,
+          const f = (Date.now() - l.current) / 1e3 + d.current, C = f / 60 % 1 * 100;
+          c((T) => ({
+            ...T,
             elapsedTime: Math.floor(f)
           })), Math.abs(
-            w - m.current
-          ) > 0.1 && (g.setTarget([w]), m.current = w);
+            C - m.current
+          ) > 0.1 && (g.setTarget([C]), m.current = C);
         }
         s.current = requestAnimationFrame(h);
       };
@@ -5017,14 +5046,14 @@ const Ai = z(
       isPaused: x
     }
   };
-}, Ji = z(
-  J(
+}, Wi = V(
+  L(
     ({
       onTimerReady: e,
       autoStart: t = !0,
       variant: o = "default",
-      compact: r = !1,
-      className: i,
+      compact: i = !1,
+      className: r,
       hasError: n = !1
     }) => {
       const {
@@ -5034,7 +5063,7 @@ const Ai = z(
         clearErrorAnimation: d,
         setInitialAnimationState: m,
         cleanup: g
-      } = Yo(), { timerState: p, controls: u } = Zo({
+      } = rn(), { timerState: p, controls: u } = an({
         autoStart: t,
         hasError: n,
         onPauseAnimation: s,
@@ -5052,57 +5081,57 @@ const Ai = z(
           b = !1, clearTimeout(y);
         };
       }, [e, u]), F(() => g, [g]), o === "small" ? /* @__PURE__ */ a(
-        qo,
+        nn,
         {
           timerState: p,
           animationState: c,
           hasError: n,
-          compact: r,
-          className: i
+          compact: i,
+          className: r
         }
       ) : /* @__PURE__ */ a(
-        Ho,
+        on,
         {
           timerState: p,
           animationState: c,
           hasError: n,
-          className: i
+          className: r
         }
       );
     }
   )
-), $t = 1e-4, Qo = {
+), zt = 1e-4, sn = {
   a: 0,
   d: 0,
   alpha: 0,
   theta: 0,
   reverse_rotation_direction: !1
 };
-class ht {
-  constructor(t, o, r, i, n, c, s, l, d, m, g = "cell") {
-    this.controller = o, this.motionGroup = r, this.initialMotionState = i, this.motionStateSocket = n, this.isVirtual = c, this.tcps = s, this.description = l, this.initialControllerState = d, this.controllerStateSocket = m, this.cellId = g, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.nova = ct(t), this.rapidlyChangingMotionState = i, this.controllerState = d, m.addEventListener("message", (p) => {
+class bt {
+  constructor(t, o, i, r, n, c, s, l, d, m, g = "cell") {
+    this.controller = o, this.motionGroup = i, this.initialMotionState = r, this.motionStateSocket = n, this.isVirtual = c, this.tcps = s, this.description = l, this.initialControllerState = d, this.controllerStateSocket = m, this.cellId = g, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.nova = ut(t), this.rapidlyChangingMotionState = r, this.controllerState = d, m.addEventListener("message", (p) => {
       var b;
-      const u = (b = W(p.data)) == null ? void 0 : b.result;
+      const u = (b = G(p.data)) == null ? void 0 : b.result;
       u && D(() => {
         this.controllerState = u;
       });
     }), n.addEventListener("message", (p) => {
       var b;
-      const u = (b = W(p.data)) == null ? void 0 : b.result;
+      const u = (b = G(p.data)) == null ? void 0 : b.result;
       if (!u)
         throw new Error(
           `Failed to get motion state for ${this.motionGroupId}: ${p.data}`
         );
-      qt(
+      Zt(
         this.rapidlyChangingMotionState.joint_position,
         u.joint_position,
-        $t
+        zt
       ) || D(() => {
         this.rapidlyChangingMotionState.joint_position = u.joint_position;
-      }), Yt(
+      }), Qt(
         this.rapidlyChangingMotionState,
         u,
-        $t
+        zt
       ) || D(() => {
         this.rapidlyChangingMotionState.tcp_pose = u.tcp_pose;
       }), u.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== u.tcp && D(() => {
@@ -5110,30 +5139,30 @@ class ht {
       }), this.rapidlyChangingMotionState.standstill !== u.standstill && D(() => {
         this.rapidlyChangingMotionState.standstill = u.standstill;
       });
-    }), bt(this);
+    }), yt(this);
   }
-  static async connectMultiple(t, o, r = {}) {
+  static async connectMultiple(t, o, i = {}) {
     return Promise.all(
       o.map(
-        (i) => ht.connect(t, i, r)
+        (r) => bt.connect(t, r, i)
       )
     );
   }
-  static async connect(t, o, r = {}) {
-    var w, C;
-    const i = ct(t), n = r.cellId ?? "cell", [c, s] = o.split("@"), l = await i.api.controller.getCurrentRobotControllerState(
+  static async connect(t, o, i = {}) {
+    var C, w;
+    const r = ut(t), n = i.cellId ?? "cell", [c, s] = o.split("@"), l = await r.api.controller.getCurrentRobotControllerState(
       n,
       s
     ), d = l == null ? void 0 : l.motion_groups.find(
-      (I) => I.motion_group === o
+      (T) => T.motion_group === o
     );
     if (!l || !d)
       throw new Error(
         `Controller ${s} or motion group ${o} not found`
       );
-    const m = i.openReconnectingWebsocket(
+    const m = r.openReconnectingWebsocket(
       `/cells/${n}/controllers/${s}/motion-groups/${o}/state-stream`
-    ), g = await m.firstMessage(), p = (w = W(g.data)) == null ? void 0 : w.result;
+    ), g = await m.firstMessage(), p = (C = G(g.data)) == null ? void 0 : C.result;
     if (!p)
       throw new Error(
         `Unable to parse initial motion state message ${g.data}`
@@ -5143,23 +5172,23 @@ class ht {
   `,
       p
     );
-    const b = (await i.api.controller.getRobotController(
+    const b = (await r.api.controller.getRobotController(
       n,
       l.controller
-    )).configuration.kind === "VirtualController", y = await i.api.motionGroup.getMotionGroupDescription(
+    )).configuration.kind === "VirtualController", y = await r.api.motionGroup.getMotionGroupDescription(
       n,
       s,
       d.motion_group
     ), x = Object.entries(y.tcps || {}).map(
-      ([I, M]) => ({
-        id: I,
-        readable_name: M.name,
-        position: M.pose.position,
-        orientation: M.pose.orientation
+      ([T, I]) => ({
+        id: T,
+        readable_name: I.name,
+        position: I.pose.position,
+        orientation: I.pose.orientation
       })
-    ), h = i.openReconnectingWebsocket(
+    ), h = r.openReconnectingWebsocket(
       `/cells/${n}/controllers/${l.controller}/state-stream?response_rate=1000`
-    ), v = await h.firstMessage(), f = (C = W(v.data)) == null ? void 0 : C.result;
+    ), v = await h.firstMessage(), f = (w = G(v.data)) == null ? void 0 : w.result;
     if (!f)
       throw new Error(
         `Unable to parse initial controller state message ${v.data}`
@@ -5168,8 +5197,8 @@ class ht {
       `Connected controller state websocket to controller ${l.controller}. Initial state:
   `,
       f
-    ), new ht(
-      i,
+    ), new bt(
+      r,
       l,
       d,
       p,
@@ -5204,7 +5233,7 @@ class ht {
   get dhParameters() {
     if (this.description.dh_parameters !== void 0)
       return this.description.dh_parameters.map((t) => ({
-        ...Qo,
+        ...sn,
         ...t
       }));
   }
@@ -5213,22 +5242,22 @@ class ht {
   }
   /** Gets the robot mounting position offset in 3D viz coordinates */
   get mountingPosition() {
-    var t, o, r;
+    var t, o, i;
     return this.description.mounting ? [
       (((t = this.description.mounting.position) == null ? void 0 : t[0]) || 0) / 1e3,
       (((o = this.description.mounting.position) == null ? void 0 : o[1]) || 0) / 1e3,
-      (((r = this.description.mounting.position) == null ? void 0 : r[2]) || 0) / 1e3
+      (((i = this.description.mounting.position) == null ? void 0 : i[2]) || 0) / 1e3
     ] : [0, 0, 0];
   }
   /** Gets the robot mounting position rotation in 3D viz coordinates */
   get mountingQuaternion() {
-    var i, n, c, s, l, d;
-    const t = new Ot.Vector3(
-      ((n = (i = this.description.mounting) == null ? void 0 : i.orientation) == null ? void 0 : n[0]) || 0,
+    var r, n, c, s, l, d;
+    const t = new Dt.Vector3(
+      ((n = (r = this.description.mounting) == null ? void 0 : r.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 = t.length(), r = t.normalize();
-    return new Ot.Quaternion().setFromAxisAngle(r, o);
+    ), o = t.length(), i = t.normalize();
+    return new Dt.Quaternion().setFromAxisAngle(i, o);
   }
   /**
    * Whether the controller is currently in a safety state
@@ -5322,7 +5351,7 @@ class ht {
     this.joggingVelocity = t;
   }
 }
-const et = "rgba(255, 255, 255, 1)", Xo = {
+const nt = "rgba(255, 255, 255, 1)", ln = {
   components: {
     // Globals for MUI X DataGrid filter popup. These keys deep-merge into
     // Nova's MuiCssBaseline.styleOverrides (which contains scrollbar rules)
@@ -5378,23 +5407,23 @@ const et = "rgba(255, 255, 255, 1)", Xo = {
         },
         filterForm: {
           "& .MuiInputBase-root": {
-            borderRadius: `${Y} !important`,
+            borderRadius: `${Q} !important`,
             "& fieldset": {
-              borderRadius: `${Y} !important`
+              borderRadius: `${Q} !important`
             },
             "& .MuiOutlinedInput-notchedOutline": {
-              borderRadius: `${Y} !important`
+              borderRadius: `${Q} !important`
             }
           }
         },
         filterFormValueInput: {
           "& .MuiInputBase-root": {
-            borderRadius: `${Y} !important`,
+            borderRadius: `${Q} !important`,
             "& fieldset": {
-              borderRadius: `${Y} !important`
+              borderRadius: `${Q} !important`
             },
             "& .MuiOutlinedInput-notchedOutline": {
-              borderRadius: `${Y} !important`
+              borderRadius: `${Q} !important`
             }
           }
         }
@@ -5415,7 +5444,7 @@ const et = "rgba(255, 255, 255, 1)", Xo = {
               disabled: "rgba(241, 77, 66, 1)"
             },
             color: "rgba(255, 198, 198, 1)",
-            labelColor: et
+            labelColor: nt
           },
           Y: {
             backgroundColor: "rgba(20, 151, 108, 1)",
@@ -5427,7 +5456,7 @@ const et = "rgba(255, 255, 255, 1)", Xo = {
               hovered: "rgba(28, 188, 135, 1)"
             },
             color: "rgba(215, 255, 242, 1)",
-            labelColor: et
+            labelColor: nt
           },
           Z: {
             backgroundColor: "rgba(1, 87, 155, 1)",
@@ -5439,75 +5468,75 @@ const et = "rgba(255, 255, 255, 1)", Xo = {
               hovered: "rgba(2, 136, 209, 1)"
             },
             color: "rgba(210, 239, 255, 1)",
-            labelColor: et
+            labelColor: nt
           }
         }
       },
       JoggingJoint: {
         Joint: {
-          arrowColor: et
+          arrowColor: nt
         }
       },
       VelocitySlider: {
-        sliderLegendColor: et
+        sliderLegendColor: nt
       }
     }
   }
 };
-function Ko(...e) {
+function cn(...e) {
   const t = e.map((o) => {
-    var r;
-    if (((r = o == null ? void 0 : o.palette) == null ? void 0 : r.mode) === "light") {
+    var i;
+    if (((i = o == null ? void 0 : o.palette) == null ? void 0 : i.mode) === "light") {
       console.warn(
         "[createNovaTheme] palette.mode 'light' is not supported — light tokens are not yet available. Falling back to dark mode. Remove palette.mode from your theme options to silence this warning."
       );
-      const { mode: i, ...n } = o.palette;
+      const { mode: r, ...n } = o.palette;
       return { ...o, palette: n };
     }
     return o;
   });
-  return po(Xo, ...t);
+  return so(ln, ...t);
 }
-function Fi(e = {}) {
-  return Ko(e);
+function Gi(e = {}) {
+  return cn(e);
 }
 export {
-  vi as A,
-  wi as C,
-  St as J,
-  $o as L,
-  xt as M,
-  _i as N,
-  Ii as P,
-  Oi as R,
-  Di as S,
-  Ai as T,
-  Ao as V,
-  Co as W,
-  Fi as a,
-  Ci as b,
-  Ko as c,
-  At as d,
+  Ei as A,
+  Pi as C,
+  wt as J,
+  Ho as L,
+  St as M,
+  $i as N,
+  Ai as P,
+  zi as R,
+  Vi as S,
+  Ni as T,
+  Vo as V,
+  bo as W,
+  Gi as a,
+  ji as b,
+  cn as c,
+  Lt as d,
   wo as e,
-  Ti as f,
-  Mi as g,
-  ko as h,
-  Ro as i,
-  Pi as j,
-  ut as k,
-  ki as l,
-  Ri as m,
-  ji as n,
-  Ei as o,
-  Lo as p,
-  ee as q,
-  Vo as r,
-  Ji as s,
-  Qt as t,
-  ht as u,
-  yt as v,
-  qt as w,
-  To as x,
-  Yt as y,
-  Io as z
+  _i as f,
+  Oi as g,
+  Io as h,
+  ko as i,
+  Bi as j,
+  pt as k,
+  Di as l,
+  Ji as m,
+  Li as n,
+  Fi as o,
+  Uo as p,
+  ne as q,
+  Qo as r,
+  Wi as s,
+  Kt as t,
+  bt as u,
+  vt as v,
+  Zt as w,
+  Co as x,
+  Qt as y,
+  Mo as z
 };