npm - @wandelbots/wandelbots-js-react-components - Versions diffs - 5.5.5-pr.fix-select-tcp.609.20d5f81 → 5.5.5-pr.fix-select-tcp.609.fb23fba - Mend

@wandelbots/wandelbots-js-react-components 5.5.5-pr.fix-select-tcp.609.20d5f81 → 5.5.5-pr.fix-select-tcp.609.fb23fba

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/chunks/{theming-XLU8px0i.js → theming-Cyw7_pwb.js} +499 -516
package/dist/chunks/theming-knRUZgmE.cjs +4 -0
package/dist/components/jogging/JoggingStore.d.ts +6 -7
package/dist/core.cjs +1 -1
package/dist/core.js +1 -1
package/dist/index.cjs +1 -1
package/dist/index.js +1 -1
package/package.json +1 -1
package/dist/chunks/theming-DIvQZN-3.cjs +0 -4

package/dist/chunks/{theming-XLU8px0i.js → theming-Cyw7_pwb.js} RENAMED Viewed

@@ -15,74 +15,74 @@ import ie from "@mui/material/SvgIcon";
 import U from "@mui/material/Fade";
 import { Gauge as re } from "@mui/x-charts/Gauge";
 import { useTranslation as V } from "react-i18next";
-import { f as $t, e as pt, d as ae } from "./interpolation-D9WFd-j_.js";
-import se from "@mui/icons-material/Clear";
-import le from "@mui/icons-material/FilterList";
+import { f as $t, e as pt } from "./interpolation-D9WFd-j_.js";
+import ae from "@mui/icons-material/Clear";
+import se from "@mui/icons-material/FilterList";
 import It from "@mui/icons-material/Search";
 import Y from "@mui/material/Divider";
-import { useGridApiRef as ce, DataGrid as de, Toolbar as ge, FilterPanelTrigger as ue, ToolbarButton as st, QuickFilter as pe, QuickFilterTrigger as me, QuickFilterControl as he, QuickFilterClear as fe } from "@mui/x-data-grid";
-import be from "@mui/icons-material/OpenWith";
-import xe from "@mui/icons-material/Share";
+import { useGridApiRef as le, DataGrid as ce, Toolbar as de, FilterPanelTrigger as ge, ToolbarButton as st, QuickFilter as ue, QuickFilterTrigger as pe, QuickFilterControl as me, QuickFilterClear as he } from "@mui/x-data-grid";
+import fe from "@mui/icons-material/OpenWith";
+import be from "@mui/icons-material/Share";
 import _ from "@mui/material/Stack";
 import zt from "@mui/material/Tab";
 import Vt from "@mui/material/Tabs";
-import { JointTypeEnum as G, NovaClient as ye, poseToWandelscriptString as Se } from "@wandelbots/nova-js/v2";
-import { lowerFirst as ve, countBy as Ce, isString as we } from "lodash-es";
-import { runInAction as B, makeAutoObservable as mt, when as lt, autorun as kt, makeObservable as Te, action as Rt, observable as Me } from "mobx";
-import { radiansToDegrees as Nt, tryParseJson as W, XYZ_TO_VECTOR as tt, degreesToRadians as Ie } from "@wandelbots/nova-js";
+import { JointTypeEnum as G, NovaClient as xe, poseToWandelscriptString as ye } from "@wandelbots/nova-js/v2";
+import { lowerFirst as Se, countBy as ve, isString as Ce } from "lodash-es";
+import { runInAction as B, makeAutoObservable as mt, when as lt, autorun as kt, makeObservable as we, action as Rt, observable as Te } from "mobx";
+import { radiansToDegrees as Nt, tryParseJson as W, XYZ_TO_VECTOR as tt, degreesToRadians as Me } from "@wandelbots/nova-js";
 import { Vector3 as ct } from "three/src/math/Vector3.js";
 import Wt from "@mui/material/CircularProgress";
-import { capitalize as ke } from "@mui/material/utils";
-import { m as Re } from "./SafetyBar-C8whliAf.js";
-import je from "@mui/material/Alert";
-import Ee from "@mui/material/AlertTitle";
+import { capitalize as Ie } from "@mui/material/utils";
+import { m as ke } from "./SafetyBar-C8whliAf.js";
+import Re from "@mui/material/Alert";
+import je from "@mui/material/AlertTitle";
 import Z from "@mui/material/Button";
 import jt from "@mui/material/ToggleButton";
-import { c as Pe, d as _e, F as Oe, a as De, b as Ae, f as Je, e as Be } from "./robot-Cy9ST5-m.js";
-import Fe from "lodash-es/isEqual.js";
-import Le from "@mui/material/InputAdornment";
-import $e from "@mui/material/FormControl";
-import ze from "@mui/material/InputLabel";
-import Ve from "@mui/material/Select";
+import { c as Ee, d as Pe, F as _e, a as Oe, b as De, f as Ae, e as Je } from "./robot-Cy9ST5-m.js";
+import Be from "lodash-es/isEqual.js";
+import Fe from "@mui/material/InputAdornment";
+import Le from "@mui/material/FormControl";
+import $e from "@mui/material/InputLabel";
+import ze from "@mui/material/Select";
 import nt from "lodash-es/keyBy.js";
-import Ne from "lodash-es/uniqueId.js";
-import We from "@mui/material/ToggleButtonGroup";
+import Ve from "lodash-es/uniqueId.js";
+import Ne from "@mui/material/ToggleButtonGroup";
 import Gt from "@mui/material/Slider";
-import Ge from "lodash-es/isNumber.js";
-import Ue from "@mui/icons-material/ChevronLeft";
-import He from "@mui/icons-material/ChevronRight";
-import qe from "lodash-es/throttle.js";
-import Ye from "@mui/material/Tooltip";
-import Ze from "@mui/icons-material/ContentCopy";
-import Qe from "@mui/icons-material/DescriptionOutlined";
-import Xe from "@mui/icons-material/ExpandLess";
-import Ke from "@mui/icons-material/ExpandMore";
-import to from "@mui/material/Paper";
-import eo from "@mui/material/Dialog";
-import oo from "@mui/material/DialogActions";
-import no from "@mui/material/DialogContent";
-import io from "@mui/material/DialogTitle";
-import ro from "@mui/icons-material/Error";
-import ao from "@mui/material/Chip";
-import so from "@mui/material/Fab";
-import lo from "@mui/material/Badge";
-import { Gauge as co } from "@mui/x-charts";
+import We from "lodash-es/isNumber.js";
+import Ge from "@mui/icons-material/ChevronLeft";
+import Ue from "@mui/icons-material/ChevronRight";
+import He from "lodash-es/throttle.js";
+import qe from "@mui/material/Tooltip";
+import Ye from "@mui/icons-material/ContentCopy";
+import Ze from "@mui/icons-material/DescriptionOutlined";
+import Qe from "@mui/icons-material/ExpandLess";
+import Xe from "@mui/icons-material/ExpandMore";
+import Ke from "@mui/material/Paper";
+import to from "@mui/material/Dialog";
+import eo from "@mui/material/DialogActions";
+import oo from "@mui/material/DialogContent";
+import no from "@mui/material/DialogTitle";
+import io from "@mui/icons-material/Error";
+import ro from "@mui/material/Chip";
+import ao from "@mui/material/Fab";
+import so from "@mui/material/Badge";
+import { Gauge as lo } from "@mui/x-charts";
 import * as Et from "three";
 import { Vector3 as Pt } from "three";
-const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /* @__PURE__ */ a(
+const co = (e) => /* @__PURE__ */ a(ie, { ...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"
   }
-) }), gi = $(
+) }), di = $(
   J((e) => {
     const {
       appIcon: t,
       appName: o,
-      apps: r = [],
-      onAppSelect: i,
+      apps: i = [],
+      onAppSelect: r,
       disabled: n = !1,
       sx: c
     } = e, [s, l] = F(null), u = !!s, f = (p) => {
@@ -90,7 +90,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     }, g = () => {
       l(null);
     }, d = (p) => {
-      g(), p.onClick ? p.onClick() : p.href && (window.location.href = p.href), i == null || i(p);
+      g(), p.onClick ? p.onClick() : p.href && (window.location.href = p.href), r == null || r(p);
     };
     return /* @__PURE__ */ S(et, { children: [
       /* @__PURE__ */ a(
@@ -120,7 +120,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                   children: o
                 }
               ),
-              r.length > 0 && /* @__PURE__ */ a(
+              i.length > 0 && /* @__PURE__ */ a(
                 H,
                 {
                   color: "inherit",
@@ -146,7 +146,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                       height: "6px"
                     }
                   },
-                  children: /* @__PURE__ */ a(go, {})
+                  children: /* @__PURE__ */ a(co, {})
                 }
               )
             ] })
@@ -187,7 +187,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
               mt: 1
             }
           },
-          children: r.map((p) => /* @__PURE__ */ S(q, { onClick: () => d(p), children: [
+          children: i.map((p) => /* @__PURE__ */ S(q, { onClick: () => d(p), children: [
             /* @__PURE__ */ a(T, { sx: { display: "flex", alignItems: "center" }, children: p.icon }),
             /* @__PURE__ */ a(j, { variant: "body1", sx: { ml: 2 }, children: p.name })
           ] }, p.id))
@@ -195,26 +195,26 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       )
     ] });
   })
-), 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(":");
+), go = (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(":");
 }, N = (e, t) => {
-  const o = Math.floor(e / 86400), r = Math.floor(e % 86400 / 3600), i = Math.floor(e % 3600 / 60), n = e % 60;
+  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(" ");
-}, po = (e, t, o) => e === "countdown" && o !== null ? Math.min(100, t / o * 100) : e === "measuring" ? t / 60 % 1 * 100 : 0, mo = ({
+  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(" ");
+}, uo = (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
 }) => {
-  const { t: i, i18n: n } = V(), c = L(), { currentState: s, remainingTime: l, maxTime: u, currentProgress: f } = e, {
+  const { t: r, i18n: n } = V(), c = L(), { currentState: s, remainingTime: l, maxTime: u, currentProgress: f } = e, {
     showErrorAnimation: g,
     showPauseAnimation: d,
     showPulsatingText: p,
@@ -227,7 +227,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
   return /* @__PURE__ */ S(
     T,
     {
-      className: r,
+      className: i,
       sx: {
         position: "relative",
         width: 264,
@@ -324,7 +324,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                 opacity: s === "measured" && x ? p ? 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") : ""
                             }
                           )
                         }
@@ -376,7 +376,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                     opacity: m ? 1 : 0.6,
                                     transition: "opacity 2s ease-in-out"
                                   },
-                                  children: i(
+                                  children: r(
                                     "CycleTimer.WaitingForCycle.lb",
                                     "Waiting for program cycle"
                                   )
@@ -411,7 +411,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                           color: "#FFFFFF",
                           lineHeight: "116.7%"
                         },
-                        children: i("CycleTimer.Error.lb", "Error")
+                        children: r("CycleTimer.Error.lb", "Error")
                       }
                     ) }),
                     /* @__PURE__ */ a(
@@ -438,7 +438,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                   opacity: 1,
                                   transition: "opacity 2s ease-in-out"
                                 },
-                                children: uo(l)
+                                children: go(l)
                               }
                             )
                           }
@@ -479,7 +479,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                 opacity: s === "measured" && x ? p ? 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" && u !== null ? i("CycleTimer.OfTime.lb", {
+                              children: s === "measuring" ? r("CycleTimer.Measuring.lb", "measuring...") : s === "measured" ? r("CycleTimer.Determined.lb", "determined") : s === "countdown" && u !== null ? r("CycleTimer.OfTime.lb", {
                                 time: N(u, n.language)
                               }) : ""
                             }
@@ -496,12 +496,12 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       ]
     }
   );
-}, ho = ({
+}, mo = ({
   timerState: e,
   animationState: t,
   hasError: o,
-  compact: r,
-  className: i
+  compact: i,
+  className: r
 }) => {
   const { t: n, i18n: c } = V(), s = L(), { currentState: l, remainingTime: u, maxTime: f } = e, {
     showErrorAnimation: g,
@@ -511,10 +511,10 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     showIdlePulsating: y,
     idleDotsCount: h
   } = t;
-  return r && l === "idle" ? /* @__PURE__ */ a(
+  return i && l === "idle" ? /* @__PURE__ */ a(
     T,
     {
-      className: i,
+      className: r,
       sx: {
         display: "flex",
         alignItems: "center",
@@ -536,7 +536,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
   ) : /* @__PURE__ */ S(
     T,
     {
-      className: i,
+      className: r,
       sx: {
         display: "flex",
         alignItems: "center",
@@ -544,7 +544,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         gap: 1
       },
       children: [
-        !(l === "idle" && r) && /* @__PURE__ */ a(
+        !(l === "idle" && i) && /* @__PURE__ */ a(
           T,
           {
             sx: {
@@ -629,13 +629,13 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                   children: ".".repeat(h)
                 }
               )
-            ] }) : l === "measuring" ? r ? N(u, c.language) : `${N(u, c.language)} / ${n("CycleTimer.Measuring.lb", "measuring...")}` : l === "measured" ? r ? N(u, c.language) : `${N(u, c.language)} / ${n("CycleTimer.Determined.lb", "determined")}` : l === "countdown" && f !== null ? r ? N(u, c.language) : `${N(u, c.language)} / ${n("CycleTimer.Time.lb", { time: N(f, c.language) })}` : N(u, c.language)
+            ] }) : l === "measuring" ? i ? N(u, c.language) : `${N(u, c.language)} / ${n("CycleTimer.Measuring.lb", "measuring...")}` : l === "measured" ? i ? N(u, c.language) : `${N(u, c.language)} / ${n("CycleTimer.Determined.lb", "determined")}` : l === "countdown" && f !== null ? i ? N(u, c.language) : `${N(u, c.language)} / ${n("CycleTimer.Time.lb", { time: N(f, c.language) })}` : N(u, c.language)
           }
         )
       ]
     }
   );
-}, fo = () => {
+}, ho = () => {
   const [e, t] = F({
     showPauseAnimation: !1,
     showErrorAnimation: !1,
@@ -647,10 +647,10 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     idleDotsCount: 0
   }), o = D(
     null
-  ), r = D(
-    null
   ), i = D(
     null
+  ), r = D(
+    null
   ), n = D(null), c = D(0), s = D(null), l = D(
     null
   ), u = P(() => {
@@ -658,11 +658,11 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       t((b) => ({ ...b, showPauseAnimation: !1 }));
     }, 800);
   }, []), f = P(() => {
-    t((b) => ({ ...b, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+    t((b) => ({ ...b, showErrorAnimation: !0 })), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
       t((b) => ({ ...b, showErrorAnimation: !1 }));
     }, 600);
   }, []), g = P(() => {
-    t((b) => ({ ...b, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
+    t((b) => ({ ...b, showErrorAnimation: !1 })), i.current && clearTimeout(i.current);
   }, []), d = P((b) => {
     c.current = 0, t((w) => ({
       ...w,
@@ -673,7 +673,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         ...w,
         pulsatingFinished: !0
         // This will keep the success color and start slow pulsating
-      })), i.current = setInterval(() => {
+      })), r.current = setInterval(() => {
         t((w) => ({
           ...w,
           showPulsatingText: !w.showPulsatingText
@@ -681,7 +681,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       }, 2e3), b && b();
     }, 800);
   }, []), p = P(() => {
-    i.current && (clearInterval(i.current), i.current = null), t((b) => ({
+    r.current && (clearInterval(r.current), r.current = null), t((b) => ({
       ...b,
       showPulsatingText: !1,
       pulsatingFinished: !1
@@ -727,7 +727,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       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,
@@ -742,12 +742,12 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     setInitialAnimationState: m,
     cleanup: v
   };
-}, bo = ({
+}, fo = ({
   autoStart: e,
   onCycleEnd: t,
   onMeasuringComplete: o,
-  hasError: r,
-  onPauseAnimation: i,
+  hasError: i,
+  onPauseAnimation: r,
   onErrorAnimation: n,
   onClearErrorAnimation: c,
   onStartPulsating: s
@@ -822,7 +822,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     if (g.current && l.isRunning) {
       const M = Date.now() - g.current;
       d.current += M;
-      const k = d.current / 1e3, R = po(
+      const k = d.current / 1e3, R = uo(
         l.currentState,
         k,
         l.maxTime
@@ -833,13 +833,13 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       ...C,
       isRunning: !1,
       isPausedState: !0
-    })), i();
+    })), r();
   }, [
     l.isRunning,
     l.currentState,
     l.maxTime,
     p,
-    i
+    r
   ]), b = P(() => {
     l.isPausedState && (l.remainingTime > 0 || l.currentState !== "countdown") && (g.current = Date.now(), u((C) => ({
       ...C,
@@ -852,9 +852,9 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     l.currentState
   ]), w = P(() => l.isPausedState, [l.isPausedState]);
   return A(() => {
-    r ? (l.isRunning && !l.isPausedState && (u((C) => ({ ...C, wasRunningBeforeError: !0 })), v()), n()) : (l.wasRunningBeforeError && l.isPausedState && (u((C) => ({ ...C, wasRunningBeforeError: !1 })), b()), c());
+    i ? (l.isRunning && !l.isPausedState && (u((C) => ({ ...C, wasRunningBeforeError: !0 })), v()), n()) : (l.wasRunningBeforeError && l.isPausedState && (u((C) => ({ ...C, wasRunningBeforeError: !1 })), b()), c());
   }, [
-    r,
+    i,
     l.isRunning,
     l.isPausedState,
     l.wasRunningBeforeError,
@@ -925,14 +925,14 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       isPaused: w
     }
   };
-}, ui = $(
+}, gi = $(
   J(
     ({
       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
@@ -949,8 +949,8 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         triggerFadeTransition: m,
         setInitialAnimationState: v,
         cleanup: b
-      } = fo(), { timerState: w, controls: C } = bo({
-        autoStart: r,
+      } = ho(), { timerState: w, controls: C } = fo({
+        autoStart: i,
         onCycleEnd: t,
         onMeasuringComplete: o,
         hasError: s,
@@ -977,8 +977,8 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         return () => {
           M = !1, clearTimeout(k);
         };
-      }, [e, C]), A(() => b, [b]), i === "small" ? /* @__PURE__ */ a(
-        ho,
+      }, [e, C]), A(() => b, [b]), r === "small" ? /* @__PURE__ */ a(
+        mo,
         {
           timerState: w,
           animationState: u,
@@ -987,7 +987,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
           className: c
         }
       ) : /* @__PURE__ */ a(
-        mo,
+        po,
         {
           timerState: w,
           animationState: u,
@@ -997,14 +997,14 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       );
     }
   )
-), xo = $(
+), bo = $(
   J(
     ({
       data: e,
       columns: t,
       getRowData: o,
-      onRowClick: r,
-      selectedItem: i,
+      onRowClick: i,
+      selectedItem: r,
       getItemId: n,
       title: c,
       showCount: s = !0,
@@ -1015,7 +1015,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       sx: d
     }) => {
       var R;
-      const p = L(), x = ce(), y = D(null), [h, m] = F(null), v = rt(() => e.map(o), [e, o]);
+      const p = L(), x = le(), y = D(null), [h, m] = F(null), v = rt(() => e.map(o), [e, o]);
       A(() => {
         x.current && v.length > 0 && x.current.autosizeColumns({
           includeOutliers: !0,
@@ -1040,8 +1040,8 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         };
       }, [x, v.length, t]);
       const b = rt(() => {
-        if (i !== void 0)
-          return i;
+        if (r !== void 0)
+          return r;
         if (h !== null)
           return h;
         if (g && e.length > 0) {
@@ -1049,12 +1049,12 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
           return m(I), I;
         }
         return null;
-      }, [g, e, i, h]), w = (I) => {
+      }, [g, e, r, h]), w = (I) => {
         const E = e.find((z) => o(z).id === I.id);
-        E && (i === void 0 && m(E), r && r(E, I));
+        E && (r === void 0 && m(E), i && i(E, I));
       }, C = rt(() => !b || !n ? null : n(b), [b, n]);
       function M() {
-        return /* @__PURE__ */ a(ge, { children: /* @__PURE__ */ S(
+        return /* @__PURE__ */ a(de, { children: /* @__PURE__ */ S(
           T,
           {
             sx: {
@@ -1091,9 +1091,9 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                   },
                   children: [
                     /* @__PURE__ */ a(
-                      ue,
+                      ge,
                       {
-                        render: /* @__PURE__ */ a(st, { "aria-label": "Show filters", children: /* @__PURE__ */ a(le, { fontSize: "small" }) })
+                        render: /* @__PURE__ */ a(st, { "aria-label": "Show filters", children: /* @__PURE__ */ a(se, { fontSize: "small" }) })
                       }
                     ),
                     /* @__PURE__ */ a(
@@ -1108,7 +1108,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                       }
                     ),
                     /* @__PURE__ */ a(
-                      pe,
+                      ue,
                       {
                         render: (I, E) => /* @__PURE__ */ S(
                           T,
@@ -1120,7 +1120,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                             },
                             children: [
                               !E.expanded && /* @__PURE__ */ a(
-                                me,
+                                pe,
                                 {
                                   render: /* @__PURE__ */ a(st, { "aria-label": "Search", children: /* @__PURE__ */ a(It, { fontSize: "small" }) })
                                 }
@@ -1236,12 +1236,12 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                               }
                                             }
                                           ),
-                                          /* @__PURE__ */ a(he, { placeholder: l })
+                                          /* @__PURE__ */ a(me, { placeholder: l })
                                         ]
                                       }
                                     ),
                                     E.expanded && E.value !== "" && /* @__PURE__ */ a(
-                                      fe,
+                                      he,
                                       {
                                         render: /* @__PURE__ */ a(
                                           T,
@@ -1266,7 +1266,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                                     backgroundColor: "rgba(255, 255, 255, 0.1)"
                                                   }
                                                 },
-                                                children: /* @__PURE__ */ a(st, { "aria-label": "Clear", children: /* @__PURE__ */ a(se, { fontSize: "small" }) })
+                                                children: /* @__PURE__ */ a(st, { "aria-label": "Clear", children: /* @__PURE__ */ a(ae, { fontSize: "small" }) })
                                               }
                                             )
                                           }
@@ -1327,7 +1327,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
             ...d
           },
           children: /* @__PURE__ */ a(
-            de,
+            ce,
             {
               apiRef: x,
               rows: v,
@@ -1389,7 +1389,7 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                   borderBottom: "none !important"
                 },
                 "& .MuiDataGrid-row": {
-                  cursor: r ? "pointer" : "default",
+                  cursor: i ? "pointer" : "default",
                   border: "none",
                   margin: "1px 0",
                   position: "relative",
@@ -1514,15 +1514,15 @@ const go = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     }
   )
 );
-xo.displayName = "WandelbotsDataGrid";
+bo.displayName = "WandelbotsDataGrid";
 const _t = $(
   J(
     ({
       colors: e,
       label: t,
       getDisplayedValue: o,
-      startJogging: r,
-      stopJogging: i,
+      startJogging: i,
+      stopJogging: r,
       disabled: n,
       activeJoggingDirection: c,
       ...s
@@ -1584,10 +1584,10 @@ const _t = $(
         }
       };
       function m(E, z) {
-        n || E.button === 0 && (f(z), r(z));
+        n || E.button === 0 && (f(z), i(z));
       }
       function v() {
-        f(null), i();
+        f(null), r();
       }
       return /* @__PURE__ */ S(_, { height: "64px", direction: "row", justifyContent: "center", ...s, children: [
         /* @__PURE__ */ a(
@@ -1606,7 +1606,7 @@ const _t = $(
               borderBottom: `2px solid ${p ?? "#fff"}`,
               borderTop: `2px solid ${p ?? "#fff"}`
             },
-            children: /* @__PURE__ */ a(Pe, {})
+            children: /* @__PURE__ */ a(Ee, {})
           }
         ),
         /* @__PURE__ */ S(
@@ -1678,20 +1678,20 @@ const _t = $(
               borderBottom: `2px solid ${p ?? "#fff"}`,
               borderTop: `2px solid ${p ?? "#fff"}`
             },
-            children: /* @__PURE__ */ a(_e, {})
+            children: /* @__PURE__ */ a(Pe, {})
           }
         )
       ] });
     }
   )
-), yo = $(
+), xo = $(
   J(
     ({
       startJogging: e,
       stopJogging: t,
       lowerLimit: o,
-      upperLimit: r,
-      useDegree: i,
+      upperLimit: i,
+      useDegree: r,
       getValue: n,
       disabled: c,
       ...s
@@ -1708,8 +1708,8 @@ const _t = $(
         stopJogging() {
           this.activeJoggingDir = null, t();
         }
-      })), x = qe(() => {
-        const O = i ? y(n()) : n();
+      })), x = He(() => {
+        const O = r ? y(n()) : n();
         (O === void 0 || u === void 0 || Math.abs(u - O) > 1e-9) && f(O);
       }, 50);
       pt(x);
@@ -1788,7 +1788,7 @@ const _t = $(
                   ...p.activeJoggingDir === "-" ? d : {}
                 },
                 children: /* @__PURE__ */ a(
-                  Ue,
+                  Ge,
                   {
                     sx: {
                       pointerEvents: "none",
@@ -1828,7 +1828,7 @@ const _t = $(
                         textAlign: "center",
                         color: c ? g.palette.action.disabled : g.palette.text.primary
                       },
-                      children: i ? w(u) : C(u)
+                      children: r ? w(u) : C(u)
                     }
                   ),
                   /* @__PURE__ */ a(
@@ -1836,8 +1836,8 @@ const _t = $(
                     {
                       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: u || 0,
                       track: !1,
                       sx: {
@@ -1860,14 +1860,14 @@ const _t = $(
                           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 ? w(y(o), 0) : C(o)
                         },
                         {
-                          value: i ? y(r) : r,
-                          label: i ? w(y(r), 0) : C(r)
+                          value: r ? y(i) : i,
+                          label: r ? w(y(i), 0) : C(i)
                         }
                       ]
                     }
@@ -1888,7 +1888,7 @@ const _t = $(
                   ...p.activeJoggingDir === "+" ? d : {}
                 },
                 children: /* @__PURE__ */ a(
-                  He,
+                  Ue,
                   {
                     sx: {
                       pointerEvents: "none",
@@ -1907,48 +1907,48 @@ const _t = $(
 function Ut(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 So(e, t, o) {
+function yo(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 Ht(e, t, o) {
-  return e.coordinate_system === t.coordinate_system && e.tcp === t.tcp && So(
+  return e.coordinate_system === t.coordinate_system && e.tcp === t.tcp && yo(
     e.tcp_pose,
     t.tcp_pose,
     o
   );
 }
-function vo(e, t) {
+function So(e, t) {
   const o = new Pt(
     t[0],
     t[1],
     t[2]
-  ), r = new Pt(
+  ), i = new Pt(
     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)];
 }
 const Ot = 1e-4;
 class ht {
-  constructor(t, o, r, i, n, c) {
-    this.nova = t, this.controller = o, this.motionGroup = r, this.description = i, this.initialMotionState = n, this.motionStateSocket = c, this.rapidlyChangingMotionState = n, c.addEventListener("message", (s) => {
+  constructor(t, o, i, r, n, c) {
+    this.nova = t, this.controller = o, this.motionGroup = i, this.description = r, this.initialMotionState = n, this.motionStateSocket = c, this.rapidlyChangingMotionState = n, c.addEventListener("message", (s) => {
       var u;
       const l = (u = W(s.data)) == null ? void 0 : u.result;
       if (!l)
@@ -1969,7 +1969,7 @@ class ht {
         var f, g, d;
         this.rapidlyChangingMotionState.tcp_pose == null ? this.rapidlyChangingMotionState.tcp_pose = l.tcp_pose : (f = l.tcp_pose) != null && f.orientation && ((g = l.tcp_pose) != null && g.position) && ((d = this.rapidlyChangingMotionState.tcp_pose) != null && d.orientation) ? this.rapidlyChangingMotionState.tcp_pose = {
           position: l.tcp_pose.position,
-          orientation: vo(
+          orientation: So(
             l.tcp_pose.orientation,
             this.rapidlyChangingMotionState.tcp_pose.orientation
           )
@@ -1986,15 +1986,15 @@ class ht {
   }
   static async open(t, o) {
     var g;
-    const [r, i] = o.split("@"), n = await t.api.controller.getCurrentRobotControllerState(i), c = n == null ? void 0 : n.motion_groups.find(
+    const [i, r] = o.split("@"), n = await t.api.controller.getCurrentRobotControllerState(r), c = n == null ? void 0 : n.motion_groups.find(
       (d) => d.motion_group === o
     );
     if (!n || !c)
       throw new Error(
-        `Controller ${i} or motion group ${o} not found`
+        `Controller ${r} or motion group ${o} not found`
       );
     const s = t.openReconnectingWebsocket(
-      `/controllers/${i}/motion-groups/${o}/state-stream`
+      `/controllers/${r}/motion-groups/${o}/state-stream`
     ), l = await s.firstMessage(), u = (g = W(l.data)) == null ? void 0 : g.result;
     if (!u)
       throw new Error(
@@ -2006,7 +2006,7 @@ class ht {
       u
     );
     const f = await t.api.motionGroup.getMotionGroupDescription(
-      i,
+      r,
       c.motion_group
     );
     return new ht(
@@ -2055,13 +2055,13 @@ class ft {
    * @param options.onError - Error handler for websocket errors
    * @returns Promise resolving to initialized JoggerConnection instance
    */
-  static async open(t, o, r = {}) {
-    const i = await ht.open(t, o), n = new ft(i, r);
+  static async open(t, o, i = {}) {
+    const r = await ht.open(t, o), n = new ft(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;
+    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 === G.RevoluteJoint || o === G.PrismaticJoint) ? this.NO_TCP : this.DEFAULT_TCP;
   }
   // Set a new tcp or other options. If current mode is jogging, will reinitialize the jogging websocket
@@ -2115,7 +2115,7 @@ class ft {
   // 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`
@@ -2124,18 +2124,18 @@ class ft {
       }, this.timeout);
       this.joggingSocket = this.nova.openReconnectingWebsocket(
         `/controllers/${this.motionStream.controllerId}/execution/jogging`
-      ), this.joggingSocket.addEventListener("message", (i) => {
+      ), this.joggingSocket.addEventListener("message", (r) => {
         var c, s, l, u;
-        const n = W(i.data);
+        const n = W(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(Dt))) {
+          if (clearTimeout(i), this.onBlocked && ((l = n == null ? void 0 : n.result) != null && l.message.includes(Dt))) {
             (u = this.joggingSocket) == null || u.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,
@@ -2149,15 +2149,15 @@ class ft {
   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
     });
@@ -2168,17 +2168,17 @@ class ft {
   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[tt[t]] = o === "-" ? -r : r, this.joggingSocket.sendJson({
+    const r = [0, 0, 0], n = [0, 0, 0];
+    n[tt[t]] = o === "-" ? -i : i, this.joggingSocket.sendJson({
       message_type: "TcpVelocityRequest",
       translation: n,
-      rotation: i,
+      rotation: r,
       use_tool_coordinate_system: this.orientation === "tool"
     });
   }
@@ -2188,17 +2188,17 @@ class ft {
   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[tt[t]] = o === "-" ? -r : r, this.joggingSocket.sendJson({
+    const r = [0, 0, 0], n = [0, 0, 0];
+    r[tt[t]] = o === "-" ? -i : i, this.joggingSocket.sendJson({
       message_type: "TcpVelocityRequest",
       translation: n,
-      rotation: i,
+      rotation: r,
       use_tool_coordinate_system: this.orientation === "tool"
     });
   }
@@ -2213,8 +2213,8 @@ class ft {
     currentTcpPose: t,
     currentJoints: o,
     // coordSystemId,
-    velocityInRelevantUnits: r,
-    axis: i,
+    velocityInRelevantUnits: i,
+    axis: r,
     direction: n,
     motion: c
   }) {
@@ -2229,9 +2229,9 @@ class ft {
           "Current pose has no position, cannot perform translation"
         );
       const h = [...t.position];
-      h[tt[i]] += c.distanceMm * (n === "-" ? -1 : 1), s.push({
+      h[tt[r]] += c.distanceMm * (n === "-" ? -1 : 1), s.push({
         limits_override: {
-          tcp_velocity_limit: r
+          tcp_velocity_limit: i
         },
         path: {
           path_definition_name: "PathLine",
@@ -2251,13 +2251,13 @@ class ft {
         t.orientation[1],
         t.orientation[2]
       ), m = h.length(), v = h.clone().normalize(), b = c.distanceRads * (n === "-" ? -1 : 1), w = new ct(0, 0, 0);
-      w[i] = 1;
+      w[r] = 1;
       const C = Math.cos(0.5 * b) * Math.cos(0.5 * m), M = Math.sin(0.5 * b) * Math.sin(0.5 * m), k = Math.sin(0.5 * b) * Math.cos(0.5 * m), R = Math.cos(0.5 * b) * Math.sin(0.5 * m), I = w.dot(
         v
       ), E = w.clone().cross(v), z = 2 * Math.acos(C - M * I), Q = z / Math.sin(0.5 * z), ot = new ct().addScaledVector(E, M).addScaledVector(w, k).addScaledVector(v, R).multiplyScalar(Q);
       s.push({
         limits_override: {
-          tcp_orientation_velocity_limit: r
+          tcp_orientation_velocity_limit: i
         },
         path: {
           path_definition_name: "PathLine",
@@ -2366,11 +2366,11 @@ class ft {
     });
   }
 }
-const Co = (e) => {
-  const t = e.softTimeout || 3e3, [o, r] = F(!1), i = L();
+const vo = (e) => {
+  const t = e.softTimeout || 3e3, [o, i] = F(!1), r = L();
   return A(() => {
     const n = setTimeout(() => {
-      r(!0);
+      i(!0);
     }, t);
     return () => clearTimeout(n);
   }), /* @__PURE__ */ a(
@@ -2380,9 +2380,9 @@ const Co = (e) => {
       height: "100%",
       alignItems: "center",
       justifyContent: "center",
-      sx: { color: i.palette.text.primary },
+      sx: { color: r.palette.text.primary },
       children: e.error ? /* @__PURE__ */ a(
-        wo,
+        Co,
         {
           loadingMessage: e.message,
           error: e.error
@@ -2396,7 +2396,7 @@ const Co = (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..."
           }
@@ -2404,8 +2404,8 @@ const Co = (e) => {
       ] })
     }
   );
-}, wo = (e) => {
-  const t = Re(e.error), o = e.error instanceof Error ? e.error.stack : null, r = L();
+}, Co = (e) => {
+  const t = ke(e.error), o = e.error instanceof Error ? e.error.stack : null, i = L();
   return /* @__PURE__ */ S(
     _,
     {
@@ -2414,7 +2414,7 @@ const Co = (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",
@@ -2422,13 +2422,13 @@ const Co = (e) => {
         }
       },
       children: [
-        (e.loadingMessage ? `Error while ${ve(ke(e.loadingMessage))} - ` : "") + t,
+        (e.loadingMessage ? `Error while ${Se(Ie(e.loadingMessage))} - ` : "") + t,
         /* @__PURE__ */ a("br", {}),
         o && /* @__PURE__ */ a("pre", { children: o })
       ]
     }
   );
-}, To = J(({ store: e }) => {
+}, wo = J(({ store: e }) => {
   const { t } = V();
   return /* @__PURE__ */ a(
     Ft,
@@ -2445,8 +2445,8 @@ const Co = (e) => {
         alignItems: "flex-start"
       },
       children: /* @__PURE__ */ S(_, { sx: { m: 2, width: "100%" }, children: [
-        /* @__PURE__ */ S(je, { severity: "error", sx: { mb: 2 }, children: [
-          /* @__PURE__ */ a(Ee, { children: t("Jogging.Blocked.ti") }),
+        /* @__PURE__ */ S(Re, { severity: "error", sx: { mb: 2 }, children: [
+          /* @__PURE__ */ a(je, { children: t("Jogging.Blocked.ti") }),
           t("Jogging.Blocked.lb")
         ] }),
         /* @__PURE__ */ a(
@@ -2463,12 +2463,12 @@ const Co = (e) => {
   );
 }), qt = J(
   ({ store: e }) => {
-    const { t } = V(), [o, r] = F(
+    const { t } = V(), [o, i] = F(
       e.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached
-    ), i = D(o);
+    ), r = D(o);
     pt(() => {
       const c = e.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached;
-      Fe(i.current, c) || (i.current = c, r(c));
+      Be(r.current, c) || (r.current = c, i(c));
     });
     const n = [];
     for (const [c, s] of o.entries())
@@ -2491,7 +2491,7 @@ const Co = (e) => {
       }
     );
   }
-), Mo = ut($e)(({ theme: e }) => ({
+), To = ut(Le)(({ theme: e }) => ({
   "&.MuiFormControl-root": {
     ".MuiSelect-select": {
       paddingTop: "20px",
@@ -2512,9 +2512,9 @@ function it({
   labelValue: e,
   ...t
 }) {
-  return /* @__PURE__ */ S(Mo, { fullWidth: !0, variant: "filled", children: [
-    /* @__PURE__ */ a(ze, { id: t.labelId, children: e }),
-    /* @__PURE__ */ a(Ve, { ...t })
+  return /* @__PURE__ */ S(To, { fullWidth: !0, variant: "filled", children: [
+    /* @__PURE__ */ a($e, { id: t.labelId, children: e }),
+    /* @__PURE__ */ a(ze, { ...t })
   ] });
 }
 const dt = [
@@ -2522,20 +2522,20 @@ const dt = [
   { id: "1", mm: 1, degrees: 0.5 },
   { id: "5", mm: 5, degrees: 2.5 },
   { id: "10", mm: 10, degrees: 5 }
-], Io = [
+], Mo = [
   { id: "continuous" },
   ...dt
-], ko = ["coordsys", "tool"];
+], Io = ["coordsys", "tool"];
 class bt {
-  constructor(t, o, r, i, n) {
+  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 = G.RevoluteJoint;
     for (const u of o)
       if (u.coordinate_system === "") {
         u.coordinate_system = "world";
         break;
       }
-    this.selectedCoordSystemId = ((c = o[0]) == null ? void 0 : c.coordinate_system) || "world", this.selectedTcpId = t.motionStream.rapidlyChangingMotionState.tcp ?? "", this.inverseSolver = n, this.jointType = ((l = (s = r == null ? void 0 : r.dh_parameters) == null ? void 0 : s[0]) == null ? void 0 : l.type) ?? G.RevoluteJoint, mt(this, {}, { autoBind: !0 }), this.jogger.onBlocked = () => {
+    this.selectedCoordSystemId = ((c = o[0]) == null ? void 0 : c.coordinate_system) || "world", this.selectedTcpId = t.motionStream.rapidlyChangingMotionState.tcp ?? "", this.inverseSolver = n, this.jointType = ((l = (s = i == null ? void 0 : i.dh_parameters) == null ? void 0 : s[0]) == null ? void 0 : l.type) ?? G.RevoluteJoint, mt(this, {}, { autoBind: !0 }), this.jogger.onBlocked = () => {
       this.block();
     }, this.loadFromLocalStorage(), this.disposers.push(kt(() => this.saveToLocalStorage())), this.disposers.push(
       kt(() => {
@@ -2551,7 +2551,7 @@ class bt {
    * from the backend
    */
   static async loadFor(t) {
-    const { nova: o } = t, [r, i] = await Promise.all([
+    const { nova: o } = t, [i, r] = await Promise.all([
       // Fetch coord systems so user can select between them
       o.api.controller.listCoordinateSystems(
         t.motionStream.controllerId,
@@ -2563,8 +2563,8 @@ class bt {
         t.motionGroupId
       )
     ]), n = await o.api.motionGroupModels.getMotionGroupKinematicModel(
-      i.motion_group_model
-    ), c = Object.entries(i.tcps || {}).map(([s, l]) => ({
+      r.motion_group_model
+    ), c = Object.entries(r.tcps || {}).map(([s, l]) => ({
       id: s,
       readable_name: l.name,
       position: l.pose.position,
@@ -2572,8 +2572,8 @@ class bt {
     }));
     return new bt(
       t,
-      r || [],
-      i,
+      i || [],
+      r,
       c,
       n.inverse_solver
     );
@@ -2584,14 +2584,15 @@ class bt {
     this.jogger.dispose();
   }
   get coordSystemCountByName() {
-    return Ce(this.coordSystems, (t) => t.name);
+    return ve(this.coordSystems, (t) => t.name);
   }
   async deactivate() {
     this.jogger.mode === "jogging" && await this.jogger.setJoggingMode("off");
   }
   /** Activate the jogger with current settings */
   async activate() {
-    return this.currentTab.id === "cartesian" ? (this.jogger.orientation !== this.selectedOrientation && this.jogger.setOptions({
+    return this.currentTab.id === "cartesian" ? ((this.jogger.tcp !== this.selectedTcpId || this.jogger.orientation !== this.selectedOrientation) && await this.jogger.setOptions({
+      tcp: this.selectedTcpId || void 0,
       orientation: this.selectedOrientation
     }), this.activeDiscreteIncrement ? this.jogger.setJoggingMode("trajectory") : this.jogger.setJoggingMode("jogging")) : this.jogger.setJoggingMode("jogging"), this.jogger;
   }
@@ -2630,7 +2631,7 @@ class bt {
     }), t;
   }
   get incrementOptions() {
-    return Io;
+    return Mo;
   }
   get discreteIncrementOptions() {
     return dt;
@@ -2688,50 +2689,44 @@ class bt {
     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;
   }
   /**
-   * Request a TCP change on the server. Sets tcpChangeInProgress while waiting
-   * for the server to confirm the change via the motion state stream.
+   * Request a TCP change on the server. Sends an InitializeJoggingRequest
+   * with the new TCP to the backend via the jogging websocket.
+   *
+   * If the jogger is actively jogging, the websocket is reinitialised with the new TCP.
+   * If the jogger is idle, a jogging websocket is briefly opened to communicate the
+   * TCP change, then closed again.
    */
   async requestTcpChange(t) {
-    if (t !== this.selectedTcpId) {
-      this.tcpChangeInProgress = !0;
-      try {
-        await this.jogger.setOptions({ tcp: t }), this.updateMotionStreamTcp(t);
-        const o = await this.waitForTcpConfirmation(t, 1e4);
-        B(() => {
-          o ? this.selectedTcpId = t : this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "";
-        });
-      } catch (o) {
-        throw B(() => {
-          this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "";
-        }), o;
-      } finally {
-        B(() => {
-          this.tcpChangeInProgress = !1;
-        });
-      }
+    if (t === this.selectedTcpId) return;
+    this.tcpChangeInProgress = !0;
+    const o = this.jogger.mode !== "jogging";
+    try {
+      this.jogger.tcp = t, o ? (await this.jogger.setJoggingMode("jogging"), await this.jogger.setJoggingMode("off")) : await this.jogger.setJoggingMode("jogging", !1);
+      const i = await this.waitForTcpConfirmation(t, 1e4);
+      B(() => {
+        i ? this.selectedTcpId = t : this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "";
+      });
+    } catch (i) {
+      throw B(() => {
+        this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "";
+      }), i;
+    } finally {
+      B(() => {
+        this.tcpChangeInProgress = !1;
+      });
     }
   }
-  /**
-   * Update the motion state-stream websocket URL to report data for the given TCP.
-   * The state-stream uses a `tcp` query parameter to determine which TCP pose to report.
-   */
-  updateMotionStreamTcp(t) {
-    const { motionStream: o } = this.jogger, r = o.nova, i = o.controllerId, n = o.motionGroupId, c = r.makeWebsocketURL(
-      `/controllers/${i}/motion-groups/${n}/state-stream?tcp=${encodeURIComponent(t)}`
-    );
-    o.motionStateSocket.changeUrl(c);
-  }
   waitForTcpConfirmation(t, o) {
-    return new Promise((r) => {
-      const i = Date.now(), n = setInterval(() => {
-        this.jogger.motionStream.rapidlyChangingMotionState.tcp === t ? (clearInterval(n), r(!0)) : Date.now() - i >= o && (clearInterval(n), r(!1));
+    return new Promise((i) => {
+      const r = Date.now(), n = setInterval(() => {
+        this.jogger.motionStream.rapidlyChangingMotionState.tcp === t ? (clearInterval(n), i(!0)) : Date.now() - r >= o && (clearInterval(n), i(!1));
       }, 100);
     });
   }
@@ -2764,7 +2759,7 @@ class bt {
   }
   /** Lock the UI until the given async callback resolves */
   async withMotionLock(t) {
-    const o = Ne();
+    const o = Ve();
     this.lock(o);
     try {
       return await t();
@@ -2773,10 +2768,10 @@ class bt {
     }
   }
 }
-const Ro = J(
+const ko = J(
   ({ store: e, useDegree: t }) => {
     var c;
-    const { t: o } = V(), r = ne(), i = [];
+    const { t: o } = V(), i = ne(), r = [];
     function n(s) {
       switch (s) {
         case "coordsys":
@@ -2787,11 +2782,11 @@ const Ro = J(
           return s;
       }
     }
-    if (e.showCoordSystemSelect && i.push(
+    if (e.showCoordSystemSelect && r.push(
       /* @__PURE__ */ a(
         it,
         {
-          labelId: `jogging-coord-select-${r}`,
+          labelId: `jogging-coord-select-${i}`,
           labelValue: o("Jogging.CoordinateSystem.hlb"),
           value: e.selectedCoordSystemId,
           size: "small",
@@ -2805,11 +2800,11 @@ const Ro = J(
       )
     ), e.showTcpSelect) {
       const s = e.tcpChangeInProgress || e.isTcpUnresolved;
-      i.push(
+      r.push(
         /* @__PURE__ */ a(
           it,
           {
-            labelId: `jogging-tcp-select-${r}`,
+            labelId: `jogging-tcp-select-${i}`,
             labelValue: "TCP",
             value: e.selectedTcpId,
             size: "small",
@@ -2817,32 +2812,32 @@ const Ro = J(
             displayEmpty: s,
             onChange: (l) => e.requestTcpChange(l.target.value),
             disabled: e.isLocked || s,
-            endAdornment: s ? /* @__PURE__ */ a(Le, { position: "end", children: /* @__PURE__ */ a(Wt, { size: 16 }) }) : void 0,
+            endAdornment: s ? /* @__PURE__ */ a(Fe, { position: "end", children: /* @__PURE__ */ a(Wt, { size: 16 }) }) : void 0,
             children: e.tcps.map((l) => /* @__PURE__ */ a(q, { value: l.id, children: l.id }, l.id))
           },
           "tcp"
         )
       );
     }
-    return e.showOrientationSelect && i.push(
+    return e.showOrientationSelect && r.push(
       /* @__PURE__ */ a(
         it,
         {
           labelValue: o("Jogging.Cartesian.Orientation.lb"),
-          labelId: `orientation-select-${r}`,
+          labelId: `orientation-select-${i}`,
           value: e.selectedOrientation,
           onChange: (s) => e.setSelectedOrientation(s.target.value),
           disabled: e.isLocked,
-          children: ko.map((s) => /* @__PURE__ */ a(q, { value: s, children: n(s) }, s))
+          children: Io.map((s) => /* @__PURE__ */ a(q, { value: s, children: n(s) }, s))
         },
         "orientation"
       )
-    ), e.showIncrementSelect && i.push(
+    ), e.showIncrementSelect && r.push(
       /* @__PURE__ */ S(
         it,
         {
           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",
@@ -2870,11 +2865,11 @@ const Ro = J(
           gridAutoRows: "min-content",
           "& label": { opacity: 0.7, fontSize: "12px", marginBottom: "4px" }
         },
-        children: i.map((s, l) => /* @__PURE__ */ a(
+        children: r.map((s, l) => /* @__PURE__ */ a(
           T,
           {
             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
           },
@@ -2883,7 +2878,7 @@ const Ro = J(
       }
     );
   }
-), jo = ut(We)(({ theme: e }) => {
+), Ro = ut(Ne)(({ theme: e }) => {
   var t;
   return {
     "&.MuiToggleButtonGroup-root": {
@@ -2905,11 +2900,11 @@ const Ro = J(
       }
     }
   };
-}), Eo = J((e) => {
+}), jo = J((e) => {
   var n, c, s;
-  const t = L(), { store: o } = e, { t: r } = V();
-  function i(l, u) {
-    u === e.velocity || !Ge(u) || e.onVelocityChange(u, e.useDegree);
+  const t = L(), { store: o } = e, { t: i } = V();
+  function r(l, u) {
+    u === e.velocity || !We(u) || e.onVelocityChange(u, e.useDegree);
   }
   return /* @__PURE__ */ S(
     _,
@@ -2927,7 +2922,7 @@ const Ro = 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(
@@ -2935,7 +2930,7 @@ const Ro = J(
           {
             value: e.velocity,
             color: "secondary",
-            onChange: i,
+            onChange: r,
             min: e.min,
             max: e.max,
             "aria-labelledby": "input-slider",
@@ -2955,7 +2950,7 @@ const Ro = J(
   );
 });
 function Yt({ value: e, sx: t }) {
-  var r;
+  var i;
   const o = L();
   return /* @__PURE__ */ a(
     _,
@@ -2966,7 +2961,7 @@ function Yt({ 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
@@ -2991,11 +2986,11 @@ function Yt({ value: e, sx: t }) {
 const Zt = J(
   ({ 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 })}`;
+    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(
-      Eo,
+      jo,
       {
         store: e,
         velocity: e.velocityInDisplayUnits(t),
@@ -3004,10 +2999,10 @@ const Zt = J(
         onVelocityChange: e.setVelocityFromSlider,
         useDegree: t,
         disabled: e.isLocked,
-        renderValue: (i) => /* @__PURE__ */ a(
+        renderValue: (r) => /* @__PURE__ */ a(
           Yt,
           {
-            value: r(i, t),
+            value: i(r, t),
             sx: {
               minWidth: "111px",
               span: {
@@ -3019,27 +3014,15 @@ const Zt = J(
       }
     );
   }
-), Po = J(
+), Eo = J(
   ({
     store: e,
     children: t
   }) => {
-    const { t: o } = V(), r = L();
-    function i(d, p) {
+    const { t: o } = V(), i = L();
+    function r(d, p) {
       (p === "translate" || p === "rotate") && e.setSelectedCartesianMotionType(p);
     }
-    ae(
-      () => [e.selectedCoordSystemId, e.selectedTcpId],
-      () => {
-        e.jogger.motionStream.motionStateSocket.changeUrl(
-          e.jogger.nova.makeWebsocketURL(
-            `/controllers/${e.jogger.motionStream.controllerId}/motion-groups/${e.jogger.motionGroupId}/state-stream?tcp=${e.selectedTcpId}`
-          )
-        );
-      },
-      // biome-ignore lint/suspicious/noExplicitAny: pre-biome code
-      { fireImmediately: !0 }
-    );
     async function n(d, p) {
       const x = await e.activate(), y = x.motionStream.rapidlyChangingMotionState.tcp_pose, h = x.motionStream.rapidlyChangingMotionState.joint_position;
       y && await e.withMotionLock(async () => {
@@ -3059,7 +3042,7 @@ const Zt = J(
               distanceMm: p.mm
             } : {
               type: "rotate",
-              distanceRads: Ie(p.degrees)
+              distanceRads: Me(p.degrees)
             }
           });
         } finally {
@@ -3094,18 +3077,18 @@ const Zt = J(
     const u = [
       {
         id: "x",
-        icon: /* @__PURE__ */ a(Oe, {}),
-        colors: l("X", e.selectedCartesianMotionType, r)
+        icon: /* @__PURE__ */ a(_e, {}),
+        colors: l("X", e.selectedCartesianMotionType, i)
       },
       {
         id: "y",
-        icon: /* @__PURE__ */ a(De, {}),
-        colors: l("Y", e.selectedCartesianMotionType, r)
+        icon: /* @__PURE__ */ a(Oe, {}),
+        colors: l("Y", e.selectedCartesianMotionType, i)
       },
       {
         id: "z",
-        icon: /* @__PURE__ */ a(Ae, {}),
-        colors: l("Z", e.selectedCartesianMotionType, r)
+        icon: /* @__PURE__ */ a(De, {}),
+        colors: l("Z", e.selectedCartesianMotionType, i)
       }
     ];
     function f(d) {
@@ -3127,7 +3110,7 @@ const Zt = J(
         children: [
           /* @__PURE__ */ S(_, { gap: 2, children: [
             /* @__PURE__ */ a(
-              Ro,
+              ko,
               {
                 store: e,
                 useDegree: e.selectedCartesianMotionType === "rotate"
@@ -3159,10 +3142,10 @@ const Zt = J(
                   sx: { flexGrow: 1 },
                   children: [
                     /* @__PURE__ */ S(
-                      jo,
+                      Ro,
                       {
                         value: e.selectedCartesianMotionType,
-                        onChange: i,
+                        onChange: r,
                         exclusive: !0,
                         "aria-label": o("Jogging.Cartesian.MotionType.lb"),
                         sx: { justifyContent: "center" },
@@ -3189,7 +3172,7 @@ const Zt = J(
                               {
                                 sx: {
                                   fontSize: "24px",
-                                  color: ((x = d.colors) == null ? void 0 : x.labelColor) ?? r.palette.text.primary
+                                  color: ((x = d.colors) == null ? void 0 : x.labelColor) ?? i.palette.text.primary
                                 },
                                 children: d.id.toUpperCase()
                               }
@@ -3222,13 +3205,13 @@ const Zt = J(
                           disabled: e.isLocked,
                           activeJoggingDirection: ((p = e.incrementJogInProgress) == null ? void 0 : p.axis) === d.id ? e.incrementJogInProgress.direction : void 0,
                           label: /* @__PURE__ */ S(et, { children: [
-                            /* @__PURE__ */ a(Je, {}),
+                            /* @__PURE__ */ a(Ae, {}),
                             /* @__PURE__ */ a(
                               j,
                               {
                                 sx: {
                                   fontSize: "24px",
-                                  color: ((x = d.colors) == null ? void 0 : x.labelColor) ?? r.palette.text.primary
+                                  color: ((x = d.colors) == null ? void 0 : x.labelColor) ?? i.palette.text.primary
                                 },
                                 children: d.id.toUpperCase()
                               }
@@ -3262,10 +3245,10 @@ const Zt = J(
       }
     );
   }
-), _o = J(
+), Po = J(
   ({ store: e, children: t }) => {
     const o = L();
-    async function r(n) {
+    async function i(n) {
       await e.activate(), await e.jogger.rotateJoints({
         joint: n.joint,
         direction: n.direction,
@@ -3273,7 +3256,7 @@ const Zt = J(
         velocityValue: e.jointType === G.PrismaticJoint ? e.translationVelocityMmPerSec : e.rotationVelocityRadsPerSec
       });
     }
-    async function i() {
+    async function r() {
       await e.jogger.stop(), await e.deactivate();
     }
     return /* @__PURE__ */ S(
@@ -3328,7 +3311,7 @@ const Zt = J(
                             }
                           ),
                           /* @__PURE__ */ a(
-                            yo,
+                            xo,
                             {
                               disabled: e.isLocked,
                               lowerLimit: c == null ? void 0 : c.lower_limit,
@@ -3338,11 +3321,11 @@ const Zt = J(
                                 const f = e.jogger.motionStream.rapidlyChangingMotionState.joint_position[n.index];
                                 return f !== void 0 ? f : void 0;
                               },
-                              startJogging: (f) => r({
+                              startJogging: (f) => i({
                                 joint: n.index,
                                 direction: f
                               }),
-                              stopJogging: i
+                              stopJogging: r
                             }
                           )
                         ]
@@ -3361,35 +3344,35 @@ const Zt = J(
       }
     );
   }
-), pi = $(
+), ui = $(
   J((e) => {
-    const t = we(e.nova) ? new ye({ instanceUrl: e.nova }) : e.nova, o = Lt(() => ({
+    const t = Ce(e.nova) ? new xe({ instanceUrl: e.nova }) : e.nova, o = Lt(() => ({
       joggingStore: null,
       loadingError: null
     }));
-    async function r() {
+    async function i() {
       B(() => {
         o.loadingError = null, o.joggingStore = null;
       });
       try {
-        let i = e.store;
-        if (!i) {
+        let r = e.store;
+        if (!r) {
           const n = await ft.open(t, e.motionGroupId);
-          i = await bt.loadFor(n);
+          r = await bt.loadFor(n);
         }
         B(() => {
-          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 A(() => (r(), e.store ? () => null : () => {
-      var i;
-      (i = o.joggingStore) == null || i.dispose();
+    return A(() => (i(), e.store ? () => null : () => {
+      var r;
+      (r = o.joggingStore) == null || r.dispose();
     }), [e.store, e.nova, e.motionGroupId]), A(() => {
-      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(
       _,
       {
@@ -3401,21 +3384,21 @@ const Zt = J(
           position: "relative",
           ...e.sx
         },
-        children: o.joggingStore ? /* @__PURE__ */ a(Oo, { store: o.joggingStore, children: e.children }) : /* @__PURE__ */ a(Co, { message: "Loading jogging", error: o.loadingError })
+        children: o.joggingStore ? /* @__PURE__ */ a(_o, { store: o.joggingStore, children: e.children }) : /* @__PURE__ */ a(vo, { message: "Loading jogging", error: o.loadingError })
       }
     );
   })
-), Oo = J(
+), _o = J(
   ({
     store: e,
     children: t
   }) => {
     const { t: o } = V();
-    function r() {
+    function i() {
       if (e.currentTab.id === "cartesian")
-        return /* @__PURE__ */ a(Po, { store: e, children: t });
+        return /* @__PURE__ */ a(Eo, { store: e, children: t });
       if (e.currentTab.id === "joint")
-        return /* @__PURE__ */ a(_o, { store: e, children: t });
+        return /* @__PURE__ */ a(Po, { store: e, children: t });
     }
     return /* @__PURE__ */ S(_, { flexGrow: 1, sx: { overflow: "hidden" }, children: [
       /* @__PURE__ */ a(
@@ -3426,21 +3409,21 @@ const Zt = J(
           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(be, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(xe, { 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(fe, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(be, { fontSize: "small", sx: { mr: 1 } });
             return /* @__PURE__ */ a(
               zt,
               {
-                "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
             );
           })
         }
@@ -3451,15 +3434,15 @@ const Zt = J(
           flexGrow: 1,
           position: "relative",
           sx: { overflowY: "auto", overflowX: "hidden" },
-          children: r()
+          children: i()
         }
       ),
-      e.blocked && /* @__PURE__ */ a(To, { store: e })
+      e.blocked && /* @__PURE__ */ a(wo, { store: e })
     ] });
   }
 ), Qt = (e) => {
   var s;
-  const { value: t, ref: o } = e, r = L(), [i, n] = F(!1);
+  const { value: t, ref: o } = e, i = L(), [r, n] = F(!1);
   async function c() {
     if (!o || !("current" in o))
       return console.warn("No copy target found"), !1;
@@ -3476,13 +3459,13 @@ const Zt = J(
     return !1;
   }
   return A(() => {
-    if (!i)
+    if (!r)
       return;
     const l = setTimeout(() => n(!1), 3e3);
     return () => {
       l && clearTimeout(l);
     };
-  }, [i]), /* @__PURE__ */ a(Ye, { open: i, title: "Copied!", children: /* @__PURE__ */ a(
+  }, [r]), /* @__PURE__ */ a(qe, { open: r, title: "Copied!", children: /* @__PURE__ */ a(
     _,
     {
       justifyContent: "center",
@@ -3490,7 +3473,7 @@ const Zt = 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"
@@ -3504,7 +3487,7 @@ const Zt = J(
           sx: {
             pointerEvents: "none",
             fontSize: "12px",
-            color: r.palette.text.primary,
+            color: i.palette.text.primary,
             whiteSpace: "nowrap",
             minWidth: 0,
             textOverflow: "ellipsis",
@@ -3516,9 +3499,9 @@ const Zt = J(
       )
     }
   ) });
-}, mi = $(
+}, pi = $(
   J(({ tcpPose: e, showCopyButton: t = !1 }) => {
-    const [o, r] = F(null), i = Se(e);
+    const [o, i] = F(null), r = ye(e);
     return /* @__PURE__ */ S(
       _,
       {
@@ -3528,7 +3511,7 @@ const Zt = J(
         sx: { flexGrow: 1, minWidth: 0, overflow: "hidden" },
         "data-testid": "pose-cartesian-values",
         children: [
-          /* @__PURE__ */ a(Qt, { value: i }),
+          /* @__PURE__ */ a(Qt, { value: r }),
           t && /* @__PURE__ */ a(
             Z,
             {
@@ -3537,9 +3520,9 @@ const Zt = J(
               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 },
@@ -3550,9 +3533,9 @@ const Zt = J(
       }
     );
   })
-), hi = $(
+), mi = $(
   J(({ joints: e, showCopyButton: t = !1 }) => {
-    const [o, r] = F(null), i = `[${e.map((c) => parseFloat(c.toFixed(4))).join(", ")}]`;
+    const [o, i] = F(null), r = `[${e.map((c) => parseFloat(c.toFixed(4))).join(", ")}]`;
     return /* @__PURE__ */ S(
       _,
       {
@@ -3562,7 +3545,7 @@ const Zt = J(
         sx: { flexGrow: 1, minWidth: 0, overflow: "hidden" },
         "data-testid": "pose-joint-values",
         children: [
-          /* @__PURE__ */ a(Qt, { value: i }),
+          /* @__PURE__ */ a(Qt, { value: r }),
           t && /* @__PURE__ */ a(
             Z,
             {
@@ -3571,9 +3554,9 @@ const Zt = J(
               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 },
@@ -3585,16 +3568,16 @@ const Zt = J(
     );
   })
 );
-class Do {
+class Oo {
   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) => {
@@ -3605,8 +3588,8 @@ class Do {
       this.addMessage(t, "error");
     }, this.addDebug = (t) => {
       this.addMessage(t, "debug");
-    }, Te(this, {
-      messages: Me,
+    }, we(this, {
+      messages: Te,
       addMessage: Rt,
       clearMessages: Rt
     });
@@ -3617,10 +3600,10 @@ const at = (e, t, o) => ({
   timestamp: /* @__PURE__ */ new Date(),
   message: e,
   level: t
-}), fi = (e, t) => at(e, "debug", t), bi = (e, t) => at(e, "info", t), xi = (e, t) => at(e, "warning", t), yi = (e, t) => at(e, "error", t), Ao = $(
+}), hi = (e, t) => at(e, "debug", t), fi = (e, t) => at(e, "info", t), bi = (e, t) => at(e, "warning", t), xi = (e, t) => at(e, "error", t), Do = $(
   J((e) => {
     var f;
-    const { messages: t = [], onClear: o, height: r = 400, sx: i } = e, n = L(), c = D(null);
+    const { messages: t = [], onClear: o, height: i = 400, sx: r } = e, n = L(), c = D(null);
     A(() => {
       if (t.length === 0) return;
       const g = c.current;
@@ -3738,7 +3721,7 @@ const at = (e, t, o) => ({
                         }
                       },
                       title: x ? "Copied!" : "Copy message",
-                      children: /* @__PURE__ */ a(Ze, { sx: { fontSize: 12 } })
+                      children: /* @__PURE__ */ a(Ye, { sx: { fontSize: 12 } })
                     }
                   ),
                   v && /* @__PURE__ */ a(
@@ -3754,7 +3737,7 @@ const at = (e, t, o) => ({
                         }
                       },
                       title: d ? "Collapse" : "Expand",
-                      children: d ? /* @__PURE__ */ a(Xe, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(Ke, { sx: { fontSize: 12 } })
+                      children: d ? /* @__PURE__ */ a(Qe, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(Xe, { sx: { fontSize: 12 } })
                     }
                   )
                 ]
@@ -3766,17 +3749,17 @@ const at = (e, t, o) => ({
       );
     };
     return /* @__PURE__ */ S(
-      to,
+      Ke,
       {
         sx: {
           backgroundColor: ((f = n.palette.backgroundPaperElevation) == null ? void 0 : f[2]) || "#171927",
           backgroundImage: "none",
           // Override any gradient from elevation
-          height: r,
+          height: i,
           display: "flex",
           flexDirection: "column",
           overflow: "hidden",
-          ...i
+          ...r
         },
         children: [
           /* @__PURE__ */ S(
@@ -3791,7 +3774,7 @@ const at = (e, t, o) => ({
               children: [
                 /* @__PURE__ */ S(T, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                   /* @__PURE__ */ a(
-                    Qe,
+                    Ze,
                     {
                       sx: {
                         fontSize: 16,
@@ -3886,42 +3869,42 @@ const at = (e, t, o) => ({
       }
     );
   })
-), Si = $(
+), yi = $(
   J((e) => {
-    const { store: t, onStoreReady: o, ...r } = e, i = D(o);
+    const { store: t, onStoreReady: o, ...i } = e, r = D(o);
     A(() => {
-      i.current = o;
+      r.current = o;
     }, [o]);
     const n = rt(() => {
       var l;
-      const s = t || new Do();
-      return (l = i.current) == null || l.call(i, s), s;
+      const s = t || new Oo();
+      return (l = r.current) == null || l.call(r, s), s;
     }, [t]), c = () => {
       n.clearMessages();
     };
     return /* @__PURE__ */ a(
-      Ao,
+      Do,
       {
-        ...r,
+        ...i,
         messages: n.messages,
         onClear: c
       }
     );
   })
 );
-function Jo() {
+function Ao() {
   const e = window.location.href;
   return e.substring(
     0,
     e.indexOf("/", e.indexOf("//") + 2)
   );
 }
-function vi({
-  baseUrl: e = Jo(),
+function Si({
+  baseUrl: e = Ao(),
   ...t
 }) {
   return /* @__PURE__ */ S(
-    eo,
+    to,
     {
       "aria-labelledby": "no-motion-group-modal-title",
       open: !0,
@@ -3941,9 +3924,9 @@ function vi({
         }
       },
       children: [
-        /* @__PURE__ */ a(io, { id: "no-motion-group-modal-title", children: "No motion group found" }),
+        /* @__PURE__ */ a(no, { id: "no-motion-group-modal-title", children: "No motion group found" }),
         /* @__PURE__ */ S(
-          no,
+          oo,
           {
             sx: {
               marginTop: "3rem",
@@ -3956,7 +3939,7 @@ function vi({
             ]
           }
         ),
-        /* @__PURE__ */ a(oo, { children: /* @__PURE__ */ S(_, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
+        /* @__PURE__ */ a(eo, { children: /* @__PURE__ */ S(_, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
           /* @__PURE__ */ a(
             Z,
             {
@@ -3989,49 +3972,49 @@ function vi({
   );
 }
 var Xt = /* @__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))(Xt || {});
-const Bo = $(
+const Jo = $(
   J(({ setupState: e, className: t }) => {
-    const o = L(), { t: r } = V(), i = () => {
+    const o = L(), { t: i } = V(), r = () => {
       var u, f, g, d, p, x, y;
       switch (e) {
         case "READY":
           return {
-            label: r("RobotSetupReadinessIndicator.Ready.lb"),
+            label: i("RobotSetupReadinessIndicator.Ready.lb"),
             indicatorColor: ((u = o.palette.tertiary) == null ? void 0 : u.main) || o.palette.primary.main,
             backgroundColor: ((f = o.palette.backgroundPaperElevation) == null ? void 0 : f[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: ((d = o.palette.backgroundPaperElevation) == null ? void 0 : d[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: ((p = o.palette.backgroundPaperElevation) == null ? void 0 : p[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: ((x = o.palette.backgroundPaperElevation) == null ? void 0 : x[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         default:
           return {
-            label: r(
+            label: i(
               "RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb"
             ),
             indicatorColor: o.palette.error.main,
@@ -4039,9 +4022,9 @@ const Bo = $(
             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(
-      ao,
+      ro,
       {
         className: t,
         label: /* @__PURE__ */ S(
@@ -4095,21 +4078,21 @@ const Bo = $(
       }
     );
   })
-), Ci = $(
+), vi = $(
   J(
     ({
       robotName: e,
       robotType: t,
       setupState: o,
-      PreconditionComponent: r = Bo,
-      className: i
+      PreconditionComponent: i = Jo,
+      className: r
     }) => {
       var l;
       const n = L(), c = t || "Robot", s = o === Xt.READY;
       return /* @__PURE__ */ S(
         T,
         {
-          className: i,
+          className: r,
           sx: {
             border: `1px solid ${n.palette.divider}`,
             background: ((l = n.palette.backgroundPaperElevation) == null ? void 0 : l[8]) || "#292B3F",
@@ -4148,10 +4131,10 @@ const Bo = $(
                           fill: `${n.palette.primary.main} !important`
                         }
                       },
-                      children: /* @__PURE__ */ a(Be, {})
+                      children: /* @__PURE__ */ a(Je, {})
                     }
                   ) : /* @__PURE__ */ a(
-                    ro,
+                    io,
                     {
                       sx: {
                         color: n.palette.error.main,
@@ -4195,16 +4178,16 @@ const Bo = $(
                 ]
               }
             ),
-            r && /* @__PURE__ */ a(r, { setupState: o })
+            i && /* @__PURE__ */ a(i, { setupState: o })
           ]
         }
       );
     }
   )
-), Fo = ut(so, {
+), Bo = ut(ao, {
   shouldForwardProp: (e) => e !== "selected"
 })(({ theme: e }) => {
-  var t, o, r;
+  var t, o, i;
   return {
     borderRadius: "20px",
     "&:hover": {
@@ -4212,7 +4195,7 @@ const Bo = $(
     },
     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,
@@ -4222,19 +4205,19 @@ const Bo = $(
         }
       },
       {
-        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
         }
       }
     ]
   };
-}), wi = (e) => {
+}), Ci = (e) => {
   const { ref: t, ...o } = e;
   return /* @__PURE__ */ a(
-    Fo,
+    Bo,
     {
       ref: t,
       selected: e.selected,
@@ -4244,25 +4227,25 @@ const Bo = $(
     }
   );
 };
-function Lo(e) {
-  const { children: t, value: o, index: r, ...i } = e;
+function Fo(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(T, { children: t })
     }
   );
 }
-function $o({ children: e, ...t }) {
+function Lo({ children: e, ...t }) {
   const {
     fullWidth: o,
-    indicator: r,
-    onChange: i,
+    indicator: i,
+    onChange: r,
     orientation: n,
     scrollButtons: c,
     selectionFollowsFocus: s,
@@ -4273,21 +4256,21 @@ function $o({ children: e, ...t }) {
   } = t;
   return /* @__PURE__ */ a(T, { ...g, children: e });
 }
-const Ti = $(
+const wi = $(
   J((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, u] = F(r), f = s ? o : l;
+    } = e, s = o !== void 0, [l, u] = F(i), f = s ? o : l;
     A(() => {
       s || t.length !== 0 && (l < 0 || l > t.length - 1) && u(0);
     }, [t.length, s, l]);
     const g = (d, p) => {
-      s || u(p), i == null || i(p);
+      s || u(p), r == null || r(p);
     };
     return /* @__PURE__ */ S(
       T,
@@ -4348,7 +4331,7 @@ const Ti = $(
                       const k = d.badge.content, R = d.badge.showZero;
                       return !(k === 0 && !R);
                     }, h = x(), m = y(), v = () => {
-                      s || u(p), i == null || i(p);
+                      s || u(p), r == null || r(p);
                     }, b = /* @__PURE__ */ a(
                       zt,
                       {
@@ -4394,12 +4377,12 @@ const Ti = $(
                       d.id
                     );
                     return m ? /* @__PURE__ */ a(
-                      $o,
+                      Lo,
                       {
                         component: "span",
                         sx: { display: "inline-flex" },
                         children: /* @__PURE__ */ a(
-                          lo,
+                          so,
                           {
                             badgeContent: h,
                             color: ((w = d.badge) == null ? void 0 : w.color) || "error",
@@ -4437,35 +4420,35 @@ const Ti = $(
               }
             }
           ),
-          /* @__PURE__ */ a(T, { sx: { flex: 1, overflow: "auto" }, children: t.map((d, p) => /* @__PURE__ */ a(Lo, { value: f, index: p, children: d.content }, d.id)) })
+          /* @__PURE__ */ a(T, { sx: { flex: 1, overflow: "auto" }, children: t.map((d, p) => /* @__PURE__ */ a(Fo, { value: f, index: p, children: d.content }, d.id)) })
         ]
       }
     );
   })
-), zo = (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(":");
+), $o = (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(":");
 }, At = (e, t) => {
-  const o = Math.floor(e / 86400), r = Math.floor(e % 86400 / 3600), i = Math.floor(e % 3600 / 60), n = e % 60;
+  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(" ");
-}, Vo = ({
+  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(" ");
+}, zo = ({
   timerState: e,
   animationState: t,
   hasError: o,
-  className: r
+  className: i
 }) => {
-  const { t: i } = V(), n = L(), { elapsedTime: c, currentProgress: s } = e, { showErrorAnimation: l, showPauseAnimation: u, showMainText: f } = t;
+  const { t: r } = V(), n = L(), { elapsedTime: c, currentProgress: s } = e, { showErrorAnimation: l, showPauseAnimation: u, showMainText: f } = t;
   return /* @__PURE__ */ S(
     T,
     {
-      className: r,
+      className: i,
       sx: {
         position: "relative",
         width: 264,
@@ -4476,7 +4459,7 @@ const Ti = $(
       },
       children: [
         /* @__PURE__ */ a(
-          co,
+          lo,
           {
             width: 264,
             height: 264,
@@ -4552,7 +4535,7 @@ const Ti = $(
                         fontWeight: 500,
                         color: n.palette.error.light
                       },
-                      children: i("timer.error")
+                      children: r("timer.error")
                     }
                   ) }),
                   /* @__PURE__ */ a(U, { in: f && !o, timeout: 300, children: /* @__PURE__ */ a(
@@ -4567,7 +4550,7 @@ const Ti = $(
                         lineHeight: 1,
                         letterSpacing: "-0.5px"
                       },
-                      children: zo(c)
+                      children: $o(c)
                     }
                   ) })
                 ]
@@ -4578,18 +4561,18 @@ const Ti = $(
       ]
     }
   );
-}, No = ({
+}, Vo = ({
   timerState: e,
   animationState: t,
   hasError: o,
-  compact: r,
-  className: i
+  compact: i,
+  className: r
 }) => {
   const { t: n, i18n: c } = V(), s = L(), { elapsedTime: l, currentProgress: u } = e, { showErrorAnimation: f, showPauseAnimation: g } = t;
-  return r ? /* @__PURE__ */ a(
+  return i ? /* @__PURE__ */ a(
     T,
     {
-      className: i,
+      className: r,
       sx: {
         display: "flex",
         alignItems: "center",
@@ -4611,7 +4594,7 @@ const Ti = $(
   ) : /* @__PURE__ */ S(
     T,
     {
-      className: i,
+      className: r,
       sx: {
         display: "flex",
         alignItems: "center",
@@ -4695,30 +4678,30 @@ const Ti = $(
       ]
     }
   );
-}, Wo = () => {
+}, No = () => {
   const [e, t] = F({
     showPauseAnimation: !1,
     showErrorAnimation: !1,
     showMainText: !0
   }), o = D(
     null
-  ), r = D(
+  ), i = D(
     null
-  ), i = D(null), n = P(() => {
+  ), r = D(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
@@ -4730,7 +4713,7 @@ const Ti = $(
       showMainText: !0
     }));
   }, []), f = 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,
@@ -4741,12 +4724,12 @@ const Ti = $(
     setInitialAnimationState: u,
     cleanup: f
   };
-}, Go = ({
+}, Wo = ({
   autoStart: e,
   hasError: t,
   onPauseAnimation: o,
-  onErrorAnimation: r,
-  onClearErrorAnimation: i
+  onErrorAnimation: i,
+  onClearErrorAnimation: r
 }) => {
   const [n, c] = F({
     elapsedTime: 0,
@@ -4800,15 +4783,15 @@ const Ti = $(
     })), u.current = 0, l.current = null, f.current = 0, g.setImmediate([0]);
   }, [g]), h = P(() => n.isPausedState, [n.isPausedState]);
   return A(() => {
-    t ? (n.isRunning && (c((m) => ({ ...m, wasRunningBeforeError: !0 })), p()), r()) : (n.wasRunningBeforeError && !n.isRunning && (c((m) => ({ ...m, wasRunningBeforeError: !1 })), x()), i());
+    t ? (n.isRunning && (c((m) => ({ ...m, wasRunningBeforeError: !0 })), p()), i()) : (n.wasRunningBeforeError && !n.isRunning && (c((m) => ({ ...m, wasRunningBeforeError: !1 })), x()), r());
   }, [
     t,
     n.isRunning,
     n.wasRunningBeforeError,
     p,
     x,
-    r,
-    i
+    i,
+    r
   ]), A(() => {
     if (n.isRunning) {
       const m = () => {
@@ -4847,14 +4830,14 @@ const Ti = $(
       isPaused: h
     }
   };
-}, Mi = $(
+}, Ti = $(
   J(
     ({
       onTimerReady: e,
       autoStart: t = !0,
       variant: o = "default",
-      compact: r = !1,
-      className: i,
+      compact: i = !1,
+      className: r,
       hasError: n = !1
     }) => {
       const {
@@ -4864,7 +4847,7 @@ const Ti = $(
         clearErrorAnimation: u,
         setInitialAnimationState: f,
         cleanup: g
-      } = Wo(), { timerState: d, controls: p } = Go({
+      } = No(), { timerState: d, controls: p } = Wo({
         autoStart: t,
         hasError: n,
         onPauseAnimation: s,
@@ -4882,26 +4865,26 @@ const Ti = $(
           x = !1, clearTimeout(y);
         };
       }, [e, p]), A(() => g, [g]), o === "small" ? /* @__PURE__ */ a(
-        No,
+        Vo,
         {
           timerState: d,
           animationState: c,
           hasError: n,
-          compact: r,
-          className: i
+          compact: i,
+          className: r
         }
       ) : /* @__PURE__ */ a(
-        Vo,
+        zo,
         {
           timerState: d,
           animationState: c,
           hasError: n,
-          className: i
+          className: r
         }
       );
     }
   )
-), Jt = 1e-4, Uo = {
+), Jt = 1e-4, Go = {
   a: 0,
   d: 0,
   alpha: 0,
@@ -4909,8 +4892,8 @@ const Ti = $(
   reverse_rotation_direction: !1
 };
 class gt {
-  constructor(t, o, r, i, n, c, s, l, u, f) {
-    this.nova = t, this.controller = o, this.motionGroup = r, this.initialMotionState = i, this.motionStateSocket = n, this.isVirtual = c, this.tcps = s, this.description = l, this.initialControllerState = u, this.controllerStateSocket = f, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.rapidlyChangingMotionState = i, this.controllerState = u, f.addEventListener("message", (g) => {
+  constructor(t, o, i, r, n, c, s, l, u, f) {
+    this.nova = t, this.controller = o, this.motionGroup = i, this.initialMotionState = r, this.motionStateSocket = n, this.isVirtual = c, this.tcps = s, this.description = l, this.initialControllerState = u, this.controllerStateSocket = f, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.rapidlyChangingMotionState = r, this.controllerState = u, f.addEventListener("message", (g) => {
       var p;
       const d = (p = W(g.data)) == null ? void 0 : p.result;
       d && B(() => {
@@ -4945,21 +4928,21 @@ class gt {
   static async connectMultiple(t, o) {
     return Promise.all(
       o.map(
-        (r) => gt.connect(t, r)
+        (i) => gt.connect(t, i)
       )
     );
   }
   static async connect(t, o) {
     var m, v;
-    const [r, i] = o.split("@"), n = await t.api.controller.getCurrentRobotControllerState(i), c = n == null ? void 0 : n.motion_groups.find(
+    const [i, r] = o.split("@"), n = await t.api.controller.getCurrentRobotControllerState(r), c = n == null ? void 0 : n.motion_groups.find(
       (b) => b.motion_group === o
     );
     if (!n || !c)
       throw new Error(
-        `Controller ${i} or motion group ${o} not found`
+        `Controller ${r} or motion group ${o} not found`
       );
     const s = t.openReconnectingWebsocket(
-      `/controllers/${i}/motion-groups/${o}/state-stream`
+      `/controllers/${r}/motion-groups/${o}/state-stream`
     ), l = await s.firstMessage(), u = (m = W(l.data)) == null ? void 0 : m.result;
     if (!u)
       throw new Error(
@@ -4973,7 +4956,7 @@ class gt {
     const g = (await t.api.controller.getRobotController(
       n.controller
     )).configuration.kind === "VirtualController", d = await t.api.motionGroup.getMotionGroupDescription(
-      i,
+      r,
       c.motion_group
     ), p = Object.entries(d.tcps || {}).map(
       ([b, w]) => ({
@@ -5028,7 +5011,7 @@ class gt {
   get dhParameters() {
     if (this.description.dh_parameters !== void 0)
       return this.description.dh_parameters.map((t) => ({
-        ...Uo,
+        ...Go,
         ...t
       }));
   }
@@ -5037,22 +5020,22 @@ class gt {
   }
   /** 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, u;
+    var r, n, c, s, l, u;
     const t = new Et.Vector3(
-      ((n = (i = this.description.mounting) == null ? void 0 : i.orientation) == null ? void 0 : n[0]) || 0,
+      ((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,
       ((u = (l = this.description.mounting) == null ? void 0 : l.orientation) == null ? void 0 : u[2]) || 0
-    ), o = t.length(), r = t.normalize();
-    return new Et.Quaternion().setFromAxisAngle(r, o);
+    ), o = t.length(), i = t.normalize();
+    return new Et.Quaternion().setFromAxisAngle(i, o);
   }
   /**
    * Whether the controller is currently in a safety state
@@ -5145,7 +5128,7 @@ class gt {
   }
 }
 function Kt() {
-  var t, o, r, i, n, c;
+  var t, o, i, r, n, c;
   const e = Bt({
     palette: {
       mode: "dark",
@@ -5339,7 +5322,7 @@ function Kt() {
             props: { color: "secondary", variant: "contained" },
             style: {
               border: `1px solid ${e.palette.divider}`,
-              background: (r = (o = (t = e.paletteExt) == null ? void 0 : t.secondary) == null ? void 0 : o.tonal) == null ? void 0 : r.toString()
+              background: (i = (o = (t = e.paletteExt) == null ? void 0 : t.secondary) == null ? void 0 : o.tonal) == null ? void 0 : i.toString()
             }
           },
           {
@@ -5364,7 +5347,7 @@ function Kt() {
       MuiTabs: {
         styleOverrides: {
           root: {
-            background: (i = e.palette.backgroundPaperElevation) == null ? void 0 : i[1]
+            background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[1]
           }
         }
       },
@@ -5483,52 +5466,52 @@ function Kt() {
     }
   };
 }
-function Ho() {
+function Uo() {
   const e = Kt();
   return e.palette.mode = "light", e;
 }
-function Ii(e) {
-  var r, i, n, c;
+function Mi(e) {
+  var i, r, n, c;
   let t = !0;
-  ((r = e.palette) == null ? void 0 : r.mode) === "light" ? t = !1 : ((i = e.palette) == null ? void 0 : i.mode) !== "dark" && (t = !(typeof window < "u" && ((c = (n = window.matchMedia) == null ? void 0 : n.call(window, "(prefers-color-scheme: light)")) == null ? void 0 : c.matches)));
-  const o = t ? Kt() : Ho();
+  ((i = e.palette) == null ? void 0 : i.mode) === "light" ? t = !1 : ((r = e.palette) == null ? void 0 : r.mode) !== "dark" && (t = !(typeof window < "u" && ((c = (n = window.matchMedia) == null ? void 0 : n.call(window, "(prefers-color-scheme: light)")) == null ? void 0 : c.matches)));
+  const o = t ? Kt() : Uo();
   return Bt(o, e);
 }
 export {
-  gi as A,
-  ui as C,
+  di as A,
+  gi as C,
   bt as J,
-  Do as L,
+  Oo as L,
   ht as M,
-  vi as N,
-  mi as P,
-  Ci as R,
-  wi as S,
-  Ti as T,
-  Eo as V,
-  xo as W,
+  Si as N,
+  pi as P,
+  vi as R,
+  Ci as S,
+  wi as T,
+  jo as V,
+  bo as W,
   _t as a,
-  yo as b,
-  Ii as c,
-  pi as d,
-  hi as e,
-  Co as f,
-  wo as g,
-  Si as h,
+  xo as b,
+  Mi as c,
+  ui as d,
+  mi as e,
+  vo as f,
+  Co as g,
+  yi as h,
   at as i,
-  fi as j,
-  bi as k,
-  xi as l,
-  yi as m,
-  Ao as n,
+  hi as j,
+  fi as k,
+  bi as l,
+  xi as m,
+  Do as n,
   Xt as o,
-  Bo as p,
-  Mi as q,
+  Jo as p,
+  Ti as q,
   Yt as r,
   gt as s,
   ft as t,
   Ut as u,
-  So as v,
+  yo as v,
   Ht as w,
-  vo as x
+  So as x
 };