@wandelbots/wandelbots-js-react-components 5.5.6 → 5.6.0-pr.fix-select-tcp.613.90cd565

package/dist/chunks/{theming-DkPRYIRd.js → theming-BqTPly-z.js}

@@ -1,82 +1,82 @@
 import { jsx as a, jsxs as S, Fragment as et } from "react/jsx-runtime";
-import { alpha as Mt, useTheme as L, styled as ut, createTheme as Ft } from "@mui/material/styles";
-import te from "@mui/material/AppBar";
+import { alpha as Mt, useTheme as B, styled as ut, createTheme as Ft } from "@mui/material/styles";
+import ee from "@mui/material/AppBar";
 import Bt from "@mui/material/Backdrop";
-import T from "@mui/material/Box";
-import H from "@mui/material/IconButton";
-import ee from "@mui/material/Menu";
-import q from "@mui/material/MenuItem";
-import oe from "@mui/material/Toolbar";
-import j from "@mui/material/Typography";
+import w from "@mui/material/Box";
+import q from "@mui/material/IconButton";
+import oe from "@mui/material/Menu";
+import Y from "@mui/material/MenuItem";
+import ne from "@mui/material/Toolbar";
+import R from "@mui/material/Typography";
 import { observer as J, useLocalObservable as Lt } from "mobx-react-lite";
-import { useState as B, useRef as A, useCallback as P, useEffect as D, useMemo as rt, useId as ne } from "react";
-import { e as $ } from "./externalizeComponent-D6S3WLFc.js";
-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 } from "./interpolation-D9WFd-j_.js";
-import ae from "@mui/icons-material/Clear";
-import se from "@mui/icons-material/FilterList";
+import { useState as L, useRef as A, useCallback as _, useEffect as F, useMemo as rt, useId as ie } from "react";
+import { e as $ } from "./externalizeComponent-EDymnaGR.js";
+import re from "@mui/material/SvgIcon";
+import H from "@mui/material/Fade";
+import { Gauge as ae } from "@mui/x-charts/Gauge";
+import { useTranslation as z } from "react-i18next";
+import { f as $t, e as pt } from "./interpolation-DG8VTxzS.js";
+import se from "@mui/icons-material/Clear";
+import le from "@mui/icons-material/FilterList";
 import It from "@mui/icons-material/Search";
-import Y from "@mui/material/Divider";
-import { useGridApiRef as le, DataGrid as ce, Toolbar as de, FilterPanelTrigger as ge, ToolbarButton as lt, 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 U from "@mui/material/Divider";
+import { useGridApiRef as ce, DataGrid as de, Toolbar as ge, FilterPanelTrigger as ue, ToolbarButton as lt, 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 P from "@mui/material/Stack";
 import zt from "@mui/material/Tab";
 import Vt from "@mui/material/Tabs";
-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 F, makeAutoObservable as mt, when as at, 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 { 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 D, makeAutoObservable as mt, when as at, 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 { Vector3 as ct } from "three/src/math/Vector3.js";
 import Wt from "@mui/material/CircularProgress";
-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 { capitalize as ke } from "@mui/material/utils";
+import { m as Re } from "./SafetyBar-CxxIVVeR.js";
+import je from "@mui/material/Alert";
+import Ee from "@mui/material/AlertTitle";
 import Z from "@mui/material/Button";
 import jt from "@mui/material/ToggleButton";
-import { c as Ee, d as Pe, F as _e, a as Oe, b as Ae, f as De, e as Je } from "./robot-Cy9ST5-m.js";
-import Fe from "lodash-es/isEqual.js";
-import Be from "@mui/material/InputAdornment";
-import Le from "@mui/material/FormControl";
-import $e from "@mui/material/InputLabel";
-import ze from "@mui/material/Select";
+import { c as _e, d as Pe, F as Oe, a as De, b as Ae, f as Je, e as Fe } from "./robot-Cy9ST5-m.js";
+import Be 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 nt from "lodash-es/keyBy.js";
-import Ve from "lodash-es/uniqueId.js";
-import Ne from "@mui/material/ToggleButtonGroup";
+import Ne from "lodash-es/uniqueId.js";
+import We from "@mui/material/ToggleButtonGroup";
 import Gt from "@mui/material/Slider";
-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 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 * as Et from "three";
-import { Vector3 as Pt } from "three";
-const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /* @__PURE__ */ a(
+import { Vector3 as _t } from "three";
+const go = (e) => /* @__PURE__ */ a(re, { ...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"
   }
-) }), di = $(
+) }), gi = $(
   J((e) => {
     const {
       appIcon: t,
@@ -85,7 +85,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       onAppSelect: i,
       disabled: n = !1,
       sx: c
-    } = e, [s, l] = B(null), u = !!s, f = (p) => {
+    } = e, [s, l] = L(null), u = !!s, f = (p) => {
       l(p.currentTarget);
     }, g = () => {
       l(null);
@@ -94,7 +94,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     };
     return /* @__PURE__ */ S(et, { children: [
       /* @__PURE__ */ a(
-        te,
+        ee,
         {
           position: "static",
           sx: {
@@ -106,11 +106,11 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
             },
             ...c
           },
-          children: /* @__PURE__ */ S(oe, { sx: { minHeight: "62px !important" }, children: [
-            /* @__PURE__ */ a(T, { sx: { mr: 1, display: "flex", alignItems: "center" }, children: t }),
-            /* @__PURE__ */ S(T, { sx: { display: "flex", alignItems: "center", flexGrow: 1 }, children: [
+          children: /* @__PURE__ */ S(ne, { sx: { minHeight: "62px !important" }, children: [
+            /* @__PURE__ */ a(w, { sx: { mr: 1, display: "flex", alignItems: "center" }, children: t }),
+            /* @__PURE__ */ S(w, { sx: { display: "flex", alignItems: "center", flexGrow: 1 }, children: [
               /* @__PURE__ */ a(
-                j,
+                R,
                 {
                   component: "h1",
                   sx: {
@@ -121,7 +121,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                 }
               ),
               r.length > 0 && /* @__PURE__ */ a(
-                H,
+                q,
                 {
                   color: "inherit",
                   "aria-label": "switch app",
@@ -146,7 +146,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                       height: "6px"
                     }
                   },
-                  children: /* @__PURE__ */ a(co, {})
+                  children: /* @__PURE__ */ a(go, {})
                 }
               )
             ] })
@@ -166,7 +166,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         }
       ),
       /* @__PURE__ */ a(
-        ee,
+        oe,
         {
           id: "app-menu",
           anchorEl: s,
@@ -187,15 +187,15 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
               mt: 1
             }
           },
-          children: r.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 })
+          children: r.map((p) => /* @__PURE__ */ S(Y, { onClick: () => d(p), children: [
+            /* @__PURE__ */ a(w, { sx: { display: "flex", alignItems: "center" }, children: p.icon }),
+            /* @__PURE__ */ a(R, { variant: "body1", sx: { ml: 2 }, children: p.name })
           ] }, p.id))
         }
       )
     ] });
   })
-), go = (e) => {
+), 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(":");
 }, N = (e, t) => {
@@ -208,13 +208,13 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     }
   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(" ");
-}, uo = (e, t, o) => e === "countdown" && o !== null ? Math.min(100, t / o * 100) : e === "measuring" ? t / 60 % 1 * 100 : 0, po = ({
+}, po = (e, t, o) => e === "countdown" && o !== null ? Math.min(100, t / o * 100) : e === "measuring" ? t / 60 % 1 * 100 : 0, mo = ({
   timerState: e,
   animationState: t,
   hasError: o,
   className: r
 }) => {
-  const { t: i, i18n: n } = V(), c = L(), { currentState: s, remainingTime: l, maxTime: u, currentProgress: f } = e, {
+  const { t: i, i18n: n } = z(), c = B(), { currentState: s, remainingTime: l, maxTime: u, currentProgress: f } = e, {
     showErrorAnimation: g,
     showPauseAnimation: d,
     showPulsatingText: p,
@@ -225,7 +225,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     idleDotsCount: v
   } = t;
   return /* @__PURE__ */ S(
-    T,
+    w,
     {
       className: r,
       sx: {
@@ -238,7 +238,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       },
       children: [
         /* @__PURE__ */ a(
-          re,
+          ae,
           {
             width: 264,
             height: 264,
@@ -273,7 +273,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
           }
         ),
         /* @__PURE__ */ S(
-          T,
+          w,
           {
             sx: {
               position: "absolute",
@@ -294,7 +294,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
             },
             children: [
               /* @__PURE__ */ a(
-                T,
+                w,
                 {
                   sx: {
                     height: "16px",
@@ -304,12 +304,12 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                     marginBottom: 1
                   },
                   children: /* @__PURE__ */ a(
-                    U,
+                    H,
                     {
                       in: y && !o && s !== "idle" && s !== "success",
                       timeout: 300,
                       children: /* @__PURE__ */ a(
-                        j,
+                        R,
                         {
                           variant: "body2",
                           sx: {
@@ -334,7 +334,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                 }
               ),
               /* @__PURE__ */ S(
-                T,
+                w,
                 {
                   sx: {
                     position: "relative",
@@ -346,12 +346,12 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                   },
                   children: [
                     /* @__PURE__ */ a(
-                      U,
+                      H,
                       {
                         in: h && s === "idle" && !o,
                         timeout: 200,
                         children: /* @__PURE__ */ S(
-                          j,
+                          R,
                           {
                             variant: "body2",
                             sx: {
@@ -400,8 +400,8 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                         )
                       }
                     ),
-                    /* @__PURE__ */ a(U, { in: h && o, timeout: 200, children: /* @__PURE__ */ a(
-                      j,
+                    /* @__PURE__ */ a(H, { in: h && o, timeout: 200, children: /* @__PURE__ */ a(
+                      R,
                       {
                         variant: "h3",
                         sx: {
@@ -415,12 +415,12 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                       }
                     ) }),
                     /* @__PURE__ */ a(
-                      U,
+                      H,
                       {
                         in: h && !o && s !== "idle" && s !== "success",
                         timeout: 300,
                         children: /* @__PURE__ */ a(
-                          j,
+                          R,
                           {
                             variant: "h1",
                             sx: {
@@ -438,7 +438,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                   opacity: 1,
                                   transition: "opacity 2s ease-in-out"
                                 },
-                                children: go(l)
+                                children: uo(l)
                               }
                             )
                           }
@@ -449,7 +449,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                 }
               ),
               /* @__PURE__ */ a(
-                T,
+                w,
                 {
                   sx: {
                     height: "16px",
@@ -459,12 +459,12 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                     justifyContent: "center"
                   },
                   children: /* @__PURE__ */ a(
-                    U,
+                    H,
                     {
                       in: y && !o && s !== "idle" && s !== "success",
                       timeout: 300,
                       children: /* @__PURE__ */ a(
-                        j,
+                        R,
                         {
                           variant: "body2",
                           sx: {
@@ -496,14 +496,14 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       ]
     }
   );
-}, mo = ({
+}, ho = ({
   timerState: e,
   animationState: t,
   hasError: o,
   compact: r,
   className: i
 }) => {
-  const { t: n, i18n: c } = V(), s = L(), { currentState: l, remainingTime: u, maxTime: f } = e, {
+  const { t: n, i18n: c } = z(), s = B(), { currentState: l, remainingTime: u, maxTime: f } = e, {
     showErrorAnimation: g,
     showPauseAnimation: d,
     showPulsatingText: p,
@@ -512,7 +512,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     idleDotsCount: h
   } = t;
   return r && l === "idle" ? /* @__PURE__ */ a(
-    T,
+    w,
     {
       className: i,
       sx: {
@@ -521,7 +521,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         m: 0
       },
       children: /* @__PURE__ */ a(
-        j,
+        R,
         {
           variant: "body2",
           sx: {
@@ -534,7 +534,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       )
     }
   ) : /* @__PURE__ */ S(
-    T,
+    w,
     {
       className: i,
       sx: {
@@ -545,7 +545,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       },
       children: [
         !(l === "idle" && r) && /* @__PURE__ */ a(
-          T,
+          w,
           {
             sx: {
               width: 20,
@@ -605,7 +605,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
           }
         ),
         /* @__PURE__ */ a(
-          j,
+          R,
           {
             variant: "body2",
             sx: {
@@ -635,8 +635,8 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       ]
     }
   );
-}, ho = () => {
-  const [e, t] = B({
+}, fo = () => {
+  const [e, t] = L({
     showPauseAnimation: !1,
     showErrorAnimation: !1,
     showPulsatingText: !1,
@@ -653,40 +653,40 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     null
   ), n = A(null), c = A(0), s = A(null), l = A(
     null
-  ), u = P(() => {
+  ), u = _(() => {
     t((b) => ({ ...b, showPauseAnimation: !0 })), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
       t((b) => ({ ...b, showPauseAnimation: !1 }));
     }, 800);
-  }, []), f = P(() => {
+  }, []), f = _(() => {
     t((b) => ({ ...b, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
       t((b) => ({ ...b, showErrorAnimation: !1 }));
     }, 600);
-  }, []), g = P(() => {
+  }, []), g = _(() => {
     t((b) => ({ ...b, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
-  }, []), d = P((b) => {
-    c.current = 0, t((w) => ({
-      ...w,
+  }, []), d = _((b) => {
+    c.current = 0, t((T) => ({
+      ...T,
       showPulsatingText: !0,
       pulsatingFinished: !1
     })), setTimeout(() => {
-      t((w) => ({
-        ...w,
+      t((T) => ({
+        ...T,
         pulsatingFinished: !0
         // This will keep the success color and start slow pulsating
       })), i.current = setInterval(() => {
-        t((w) => ({
-          ...w,
-          showPulsatingText: !w.showPulsatingText
+        t((T) => ({
+          ...T,
+          showPulsatingText: !T.showPulsatingText
         }));
       }, 2e3), b && b();
     }, 800);
-  }, []), p = P(() => {
+  }, []), p = _(() => {
     i.current && (clearInterval(i.current), i.current = null), t((b) => ({
       ...b,
       showPulsatingText: !1,
       pulsatingFinished: !1
     })), c.current = 0;
-  }, []), x = P(() => {
+  }, []), x = _(() => {
     t((b) => ({
       ...b,
       showIdlePulsating: !0
@@ -702,13 +702,13 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         // Cycle through 0, 1, 2, 3
       }));
     }, 800);
-  }, []), y = P(() => {
+  }, []), y = _(() => {
     s.current && (clearInterval(s.current), s.current = null), l.current && (clearInterval(l.current), l.current = null), t((b) => ({
       ...b,
       showIdlePulsating: !1,
       idleDotsCount: 0
     }));
-  }, []), h = P(() => {
+  }, []), h = _(() => {
     t((b) => ({
       ...b,
       showLabels: !1,
@@ -720,13 +720,13 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         showMainText: !0
       }));
     }, 200);
-  }, []), m = P(() => {
+  }, []), m = _(() => {
     t((b) => ({
       ...b,
       showLabels: !0,
       showMainText: !0
     }));
-  }, []), v = P(() => {
+  }, []), v = _(() => {
     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);
   }, []);
   return {
@@ -742,7 +742,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     setInitialAnimationState: m,
     cleanup: v
   };
-}, fo = ({
+}, bo = ({
   autoStart: e,
   onCycleEnd: t,
   onMeasuringComplete: o,
@@ -752,7 +752,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
   onClearErrorAnimation: c,
   onStartPulsating: s
 }) => {
-  const [l, u] = B({
+  const [l, u] = L({
     currentState: "idle",
     remainingTime: 0,
     maxTime: null,
@@ -766,7 +766,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     onChange: ([C]) => {
       u((M) => ({ ...M, currentProgress: C }));
     }
-  }), x = P(() => {
+  }), x = _(() => {
     u((C) => ({
       ...C,
       currentState: "idle",
@@ -777,7 +777,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       currentProgress: 0
       // Reset progress to 0 for gauge
     })), d.current = 0, g.current = null, p.setImmediate([0]);
-  }, [p]), y = P(
+  }, [p]), y = _(
     (C = 0) => {
       const M = C / 60 % 1 * 100;
       u((k) => ({
@@ -791,7 +791,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       })), d.current = 0, p.setImmediate([M]), e ? (g.current = Date.now() - C * 1e3, u((k) => ({ ...k, isRunning: !0 }))) : g.current = null;
     },
     [e, p]
-  ), h = P(
+  ), h = _(
     (C, M = 0) => {
       u((I) => ({ ...I, isRunning: !1 })), g.current = null, u((I) => ({
         ...I,
@@ -799,18 +799,18 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         maxTime: C,
         isPausedState: !1
       })), d.current = 0;
-      const k = Math.max(0, C - M), R = M > 0 ? M / C * 100 : 0;
+      const k = Math.max(0, C - M), j = M > 0 ? M / C * 100 : 0;
       u((I) => ({
         ...I,
         remainingTime: k,
-        currentProgress: R
+        currentProgress: j
         // Immediately set progress
-      })), p.setImmediate([R]), k === 0 ? (u((I) => ({ ...I, isRunning: !1 })), g.current = null, t && queueMicrotask(() => t())) : e ? setTimeout(() => {
+      })), p.setImmediate([j]), k === 0 ? (u((I) => ({ ...I, isRunning: !1 })), g.current = null, t && queueMicrotask(() => t())) : e ? setTimeout(() => {
         g.current = Date.now() - M * 1e3, u((I) => ({ ...I, isRunning: !0 }));
       }, 0) : g.current = null;
     },
     [e, t, p]
-  ), m = P(() => {
+  ), m = _(() => {
     u((C) => ({
       ...C,
       isRunning: !1,
@@ -818,16 +818,16 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     })), g.current = null, s(() => {
       o && o();
     });
-  }, [s, o]), v = P(() => {
+  }, [s, o]), v = _(() => {
     if (g.current && l.isRunning) {
       const M = Date.now() - g.current;
       d.current += M;
-      const k = d.current / 1e3, R = uo(
+      const k = d.current / 1e3, j = po(
         l.currentState,
         k,
         l.maxTime
       );
-      p.setTarget([R]);
+      p.setTarget([j]);
     }
     u((C) => ({
       ...C,
@@ -840,7 +840,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     l.maxTime,
     p,
     i
-  ]), b = P(() => {
+  ]), b = _(() => {
     l.isPausedState && (l.remainingTime > 0 || l.currentState !== "countdown") && (g.current = Date.now(), u((C) => ({
       ...C,
       isRunning: !0,
@@ -850,8 +850,8 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     l.isPausedState,
     l.remainingTime,
     l.currentState
-  ]), w = P(() => l.isPausedState, [l.isPausedState]);
-  return D(() => {
+  ]), T = _(() => l.isPausedState, [l.isPausedState]);
+  return F(() => {
     r ? (l.isRunning && !l.isPausedState && (u((C) => ({ ...C, wasRunningBeforeError: !0 })), v()), n()) : (l.wasRunningBeforeError && l.isPausedState && (u((C) => ({ ...C, wasRunningBeforeError: !1 })), b()), c());
   }, [
     r,
@@ -862,19 +862,19 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     b,
     n,
     c
-  ]), D(() => {
+  ]), F(() => {
     if (l.isRunning) {
       const C = () => {
         if (g.current) {
           const k = (Date.now() - g.current + d.current) / 1e3;
           if (l.currentState === "countdown" && l.maxTime !== null) {
-            const R = Math.max(0, l.maxTime - k);
+            const j = Math.max(0, l.maxTime - k);
             u((E) => ({
               ...E,
-              remainingTime: Math.ceil(R)
+              remainingTime: Math.ceil(j)
             }));
             const I = Math.min(100, k / l.maxTime * 100);
-            if (p.setTarget([I]), R <= 0) {
+            if (p.setTarget([I]), j <= 0) {
               u((E) => ({
                 ...E,
                 isRunning: !1,
@@ -887,8 +887,8 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
               ...I,
               remainingTime: Math.floor(k)
             }));
-            const R = k / 60 % 1 * 100;
-            p.setTarget([R]);
+            const j = k / 60 % 1 * 100;
+            p.setTarget([j]);
           }
           l.isRunning && (f.current = requestAnimationFrame(C));
         }
@@ -905,7 +905,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     l.currentState,
     l.maxTime,
     p
-  ]), D(() => {
+  ]), F(() => {
     let C = null;
     const M = () => {
       p.update(1 / 60), C = requestAnimationFrame(M);
@@ -922,10 +922,10 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       completeMeasuring: m,
       pause: v,
       resume: b,
-      isPaused: w
+      isPaused: T
     }
   };
-}, gi = $(
+}, ui = $(
   J(
     ({
       onCycleComplete: e,
@@ -949,7 +949,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         triggerFadeTransition: m,
         setInitialAnimationState: v,
         cleanup: b
-      } = ho(), { timerState: w, controls: C } = fo({
+      } = fo(), { timerState: T, controls: C } = bo({
         autoStart: r,
         onCycleEnd: t,
         onMeasuringComplete: o,
@@ -959,17 +959,17 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         onClearErrorAnimation: d,
         onStartPulsating: p
       });
-      return D(() => {
+      return F(() => {
         const M = l.current;
-        l.current !== void 0 && M !== w.currentState ? (M === "measured" && x(), M === "idle" && h(), m()) : v(), w.currentState === "idle" && y(), l.current = w.currentState;
+        l.current !== void 0 && M !== T.currentState ? (M === "measured" && x(), M === "idle" && h(), m()) : v(), T.currentState === "idle" && y(), l.current = T.currentState;
       }, [
-        w.currentState,
+        T.currentState,
         x,
         h,
         y,
         m,
         v
-      ]), D(() => {
+      ]), F(() => {
         let M = !0;
         const k = setTimeout(() => {
           M && e(C);
@@ -977,19 +977,19 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
         return () => {
           M = !1, clearTimeout(k);
         };
-      }, [e, C]), D(() => b, [b]), i === "small" ? /* @__PURE__ */ a(
-        mo,
+      }, [e, C]), F(() => b, [b]), i === "small" ? /* @__PURE__ */ a(
+        ho,
         {
-          timerState: w,
+          timerState: T,
           animationState: u,
           hasError: s,
           compact: n,
           className: c
         }
       ) : /* @__PURE__ */ a(
-        po,
+        mo,
         {
-          timerState: w,
+          timerState: T,
           animationState: u,
           hasError: s,
           className: c
@@ -997,7 +997,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       );
     }
   )
-), bo = $(
+), xo = $(
   J(
     ({
       data: e,
@@ -1014,16 +1014,16 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       selectFirstByDefault: g = !1,
       sx: d
     }) => {
-      var R;
-      const p = L(), x = le(), y = A(null), [h, m] = B(null), v = rt(() => e.map(o), [e, o]);
-      D(() => {
+      var j;
+      const p = B(), x = ce(), y = A(null), [h, m] = L(null), v = rt(() => e.map(o), [e, o]);
+      F(() => {
         x.current && v.length > 0 && x.current.autosizeColumns({
           includeOutliers: !0,
           includeHeaders: !0,
           expand: !0,
           columns: t.map((I) => I.field)
         });
-      }, [v, t, x]), D(() => {
+      }, [v, t, x]), F(() => {
         if (!y.current || !x.current) return;
         const I = new ResizeObserver(() => {
           setTimeout(() => {
@@ -1049,13 +1049,13 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
           return m(I), I;
         }
         return null;
-      }, [g, e, i, h]), w = (I) => {
-        const E = e.find((z) => o(z).id === I.id);
+      }, [g, e, i, h]), T = (I) => {
+        const E = e.find((V) => o(V).id === I.id);
         E && (i === void 0 && m(E), r && r(E, I));
       }, C = rt(() => !b || !n ? null : n(b), [b, n]);
       function M() {
-        return /* @__PURE__ */ a(de, { children: /* @__PURE__ */ S(
-          T,
+        return /* @__PURE__ */ a(ge, { children: /* @__PURE__ */ S(
+          w,
           {
             sx: {
               display: "flex",
@@ -1066,7 +1066,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
             },
             children: [
               c && /* @__PURE__ */ S(
-                j,
+                R,
                 {
                   variant: "h6",
                   sx: {
@@ -1080,7 +1080,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                 }
               ),
               /* @__PURE__ */ S(
-                T,
+                w,
                 {
                   sx: {
                     ml: "auto",
@@ -1091,13 +1091,13 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                   },
                   children: [
                     /* @__PURE__ */ a(
-                      ge,
+                      ue,
                       {
-                        render: /* @__PURE__ */ a(lt, { "aria-label": "Show filters", children: /* @__PURE__ */ a(se, { fontSize: "small" }) })
+                        render: /* @__PURE__ */ a(lt, { "aria-label": "Show filters", children: /* @__PURE__ */ a(le, { fontSize: "small" }) })
                       }
                     ),
                     /* @__PURE__ */ a(
-                      Y,
+                      U,
                       {
                         orientation: "vertical",
                         flexItem: !0,
@@ -1108,10 +1108,10 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                       }
                     ),
                     /* @__PURE__ */ a(
-                      ue,
+                      pe,
                       {
                         render: (I, E) => /* @__PURE__ */ S(
-                          T,
+                          w,
                           {
                             ...I,
                             sx: {
@@ -1120,13 +1120,13 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                             },
                             children: [
                               !E.expanded && /* @__PURE__ */ a(
-                                pe,
+                                me,
                                 {
                                   render: /* @__PURE__ */ a(lt, { "aria-label": "Search", children: /* @__PURE__ */ a(It, { fontSize: "small" }) })
                                 }
                               ),
                               /* @__PURE__ */ S(
-                                T,
+                                w,
                                 {
                                   sx: {
                                     display: "flex",
@@ -1137,7 +1137,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                   },
                                   children: [
                                     /* @__PURE__ */ S(
-                                      T,
+                                      w,
                                       {
                                         sx: {
                                           flex: 1,
@@ -1236,15 +1236,15 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                               }
                                             }
                                           ),
-                                          /* @__PURE__ */ a(me, { placeholder: l })
+                                          /* @__PURE__ */ a(he, { placeholder: l })
                                         ]
                                       }
                                     ),
                                     E.expanded && E.value !== "" && /* @__PURE__ */ a(
-                                      he,
+                                      fe,
                                       {
                                         render: /* @__PURE__ */ a(
-                                          T,
+                                          w,
                                           {
                                             sx: {
                                               position: "absolute",
@@ -1254,7 +1254,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                               zIndex: 1
                                             },
                                             children: /* @__PURE__ */ a(
-                                              T,
+                                              w,
                                               {
                                                 sx: {
                                                   minWidth: "24px",
@@ -1266,7 +1266,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                                                     backgroundColor: "rgba(255, 255, 255, 0.1)"
                                                   }
                                                 },
-                                                children: /* @__PURE__ */ a(lt, { "aria-label": "Clear", children: /* @__PURE__ */ a(ae, { fontSize: "small" }) })
+                                                children: /* @__PURE__ */ a(lt, { "aria-label": "Clear", children: /* @__PURE__ */ a(se, { fontSize: "small" }) })
                                               }
                                             )
                                           }
@@ -1290,7 +1290,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
       }
       const k = f || M;
       return /* @__PURE__ */ a(
-        T,
+        w,
         {
           ref: y,
           sx: {
@@ -1327,12 +1327,12 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
             ...d
           },
           children: /* @__PURE__ */ a(
-            ce,
+            de,
             {
               apiRef: x,
               rows: v,
               columns: t,
-              onRowClick: w,
+              onRowClick: T,
               disableColumnMenu: !1,
               disableRowSelectionOnClick: !0,
               disableMultipleRowSelection: !0,
@@ -1365,7 +1365,7 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
                 includeHeaders: !0,
                 expand: !0,
                 // Auto-size all columns by default (can be overridden by dataGridProps)
-                columns: ((R = u == null ? void 0 : u.autosizeOptions) == null ? void 0 : R.columns) || t.map((I) => I.field)
+                columns: ((j = u == null ? void 0 : u.autosizeOptions) == null ? void 0 : j.columns) || t.map((I) => I.field)
               },
               sx: {
                 border: "none",
@@ -1514,8 +1514,8 @@ const co = (e) => /* @__PURE__ */ a(ie, { ...e, viewBox: "0 0 10 8", children: /
     }
   )
 );
-bo.displayName = "WandelbotsDataGrid";
-const _t = $(
+xo.displayName = "WandelbotsDataGrid";
+const Pt = $(
   J(
     ({
       colors: e,
@@ -1527,13 +1527,13 @@ const _t = $(
       activeJoggingDirection: c,
       ...s
     }) => {
-      var b, w, C, M, k, R, I;
+      var b, T, C, M, k, j, I;
       pt(() => {
-        const E = o(), z = d.current;
-        z && (z.textContent = E);
+        const E = o(), V = d.current;
+        V && (V.textContent = E);
       });
-      const l = L(), [u, f] = B(null);
-      D(() => {
+      const l = B(), [u, f] = L(null);
+      F(() => {
         n && v();
       }, [n]);
       const g = c || u, d = A(null);
@@ -1560,7 +1560,7 @@ const _t = $(
         }
       }, y = {
         ...x,
-        backgroundColor: (w = e.buttonBackgroundColor) == null ? void 0 : w.default,
+        backgroundColor: (T = e.buttonBackgroundColor) == null ? void 0 : T.default,
         ":hover": {
           backgroundColor: (C = e.buttonBackgroundColor) == null ? void 0 : C.hovered
         },
@@ -1575,7 +1575,7 @@ const _t = $(
         }
       }, h = {
         ...x,
-        backgroundColor: (R = e.buttonBackgroundColor) == null ? void 0 : R.pressed,
+        backgroundColor: (j = e.buttonBackgroundColor) == null ? void 0 : j.pressed,
         color: e.backgroundColor,
         path: { fill: e.backgroundColor },
         ":disabled": {
@@ -1583,15 +1583,15 @@ const _t = $(
           "svg path": { fill: l.palette.action.disabled }
         }
       };
-      function m(E, z) {
-        n || E.button === 0 && (f(z), r(z));
+      function m(E, V) {
+        n || E.button === 0 && (f(V), r(V));
       }
       function v() {
         f(null), i();
       }
-      return /* @__PURE__ */ S(_, { height: "64px", direction: "row", justifyContent: "center", ...s, children: [
+      return /* @__PURE__ */ S(P, { height: "64px", direction: "row", justifyContent: "center", ...s, children: [
         /* @__PURE__ */ a(
-          H,
+          q,
           {
             disabled: n,
             disableRipple: !0,
@@ -1606,11 +1606,11 @@ const _t = $(
               borderBottom: `2px solid ${p ?? "#fff"}`,
               borderTop: `2px solid ${p ?? "#fff"}`
             },
-            children: /* @__PURE__ */ a(Ee, {})
+            children: /* @__PURE__ */ a(_e, {})
           }
         ),
         /* @__PURE__ */ S(
-          _,
+          P,
           {
             spacing: "6px",
             sx: {
@@ -1624,7 +1624,7 @@ const _t = $(
             },
             children: [
               /* @__PURE__ */ a(
-                _,
+                P,
                 {
                   height: "22px",
                   direction: "row",
@@ -1644,7 +1644,7 @@ const _t = $(
                 }
               ),
               /* @__PURE__ */ a(
-                j,
+                R,
                 {
                   height: "22px",
                   sx: {
@@ -1663,7 +1663,7 @@ const _t = $(
           }
         ),
         /* @__PURE__ */ a(
-          H,
+          q,
           {
             disableRipple: !0,
             disabled: n,
@@ -1684,7 +1684,7 @@ const _t = $(
       ] });
     }
   )
-), xo = $(
+), yo = $(
   J(
     ({
       startJogging: e,
@@ -1696,8 +1696,8 @@ const _t = $(
       disabled: c,
       ...s
     }) => {
-      var M, k, R, I, E, z, Q, ot, xt, yt, St, vt, Ct, wt, Tt;
-      const { t: l } = V(), [u, f] = B(), g = L(), d = {
+      var M, k, j, I, E, V, Q, ot, xt, yt, St, vt, Ct, wt, Tt;
+      const { t: l } = z(), [u, f] = L(), g = B(), d = {
         background: (M = g.palette.backgroundPaperElevation) == null ? void 0 : M[4],
         color: (k = g.palette.backgroundPaperElevation) == null ? void 0 : k[11]
       }, p = Lt(() => ({
@@ -1708,7 +1708,7 @@ const _t = $(
         stopJogging() {
           this.activeJoggingDir = null, t();
         }
-      })), x = He(() => {
+      })), x = qe(() => {
         const O = i ? y(n()) : n();
         (O === void 0 || u === void 0 || Math.abs(u - O) > 1e-9) && f(O);
       }, 50);
@@ -1729,7 +1729,7 @@ const _t = $(
       function b(O) {
         p.stopJogging();
       }
-      function w(O, X = 1) {
+      function T(O, X = 1) {
         if (O === void 0 || Number.isNaN(O)) return "";
         const K = l("General.degree.variable", {
           amount: O.toFixed(X)
@@ -1744,7 +1744,7 @@ const _t = $(
         return O > 0 && X === 0 ? `+${K}` : K;
       }
       return /* @__PURE__ */ S(
-        _,
+        P,
         {
           height: "64px",
           width: "100%",
@@ -1756,7 +1756,7 @@ const _t = $(
               width: "52px",
               color: g.palette.text.primary,
               alignContent: "center",
-              backgroundColor: (R = g.palette.backgroundPaperElevation) == null ? void 0 : R[11],
+              backgroundColor: (j = g.palette.backgroundPaperElevation) == null ? void 0 : j[11],
               "& svg": {
                 width: "42px",
                 height: "42px"
@@ -1776,7 +1776,7 @@ const _t = $(
           },
           children: [
             /* @__PURE__ */ a(
-              H,
+              q,
               {
                 onPointerDown: h,
                 onPointerUp: v,
@@ -1788,18 +1788,18 @@ const _t = $(
                   ...p.activeJoggingDir === "-" ? d : {}
                 },
                 children: /* @__PURE__ */ a(
-                  Ge,
+                  Ue,
                   {
                     sx: {
                       pointerEvents: "none",
-                      color: (xt = (ot = (Q = (z = g.componentsExt) == null ? void 0 : z.JoggingPanel) == null ? void 0 : Q.JoggingJoint) == null ? void 0 : ot.Joint) == null ? void 0 : xt.arrowColor
+                      color: (xt = (ot = (Q = (V = g.componentsExt) == null ? void 0 : V.JoggingPanel) == null ? void 0 : Q.JoggingJoint) == null ? void 0 : ot.Joint) == null ? void 0 : xt.arrowColor
                     }
                   }
                 )
               }
             ),
             /* @__PURE__ */ S(
-              _,
+              P,
               {
                 flexGrow: 1,
                 alignItems: "center",
@@ -1816,7 +1816,7 @@ const _t = $(
                 },
                 children: [
                   /* @__PURE__ */ a(
-                    j,
+                    R,
                     {
                       sx: {
                         fontSize: "15px",
@@ -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: i ? T(u) : C(u)
                     }
                   ),
                   /* @__PURE__ */ a(
@@ -1863,11 +1863,11 @@ const _t = $(
                       marks: o !== void 0 && r !== void 0 && [
                         {
                           value: i ? y(o) : o,
-                          label: i ? w(y(o), 0) : C(o)
+                          label: i ? T(y(o), 0) : C(o)
                         },
                         {
                           value: i ? y(r) : r,
-                          label: i ? w(y(r), 0) : C(r)
+                          label: i ? T(y(r), 0) : C(r)
                         }
                       ]
                     }
@@ -1876,7 +1876,7 @@ const _t = $(
               }
             ),
             /* @__PURE__ */ a(
-              H,
+              q,
               {
                 onPointerDown: m,
                 onPointerUp: v,
@@ -1888,7 +1888,7 @@ const _t = $(
                   ...p.activeJoggingDir === "+" ? d : {}
                 },
                 children: /* @__PURE__ */ a(
-                  Ue,
+                  He,
                   {
                     sx: {
                       pointerEvents: "none",
@@ -1915,7 +1915,7 @@ function Ut(e, t, o) {
       return !1;
   return !0;
 }
-function yo(e, t, o) {
+function So(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)
@@ -1924,18 +1924,18 @@ function yo(e, t, o) {
   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;
 }
 function Ht(e, t, o) {
-  return e.coordinate_system === t.coordinate_system && e.tcp === t.tcp && yo(
+  return e.coordinate_system === t.coordinate_system && e.tcp === t.tcp && So(
     e.tcp_pose,
     t.tcp_pose,
     o
   );
 }
-function So(e, t) {
-  const o = new Pt(
+function vo(e, t) {
+  const o = new _t(
     t[0],
     t[1],
     t[2]
-  ), r = new Pt(
+  ), r = new _t(
     e[0],
     e[1],
     e[2]
@@ -1949,8 +1949,8 @@ 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) => {
-      var u;
-      const l = (u = W(s.data)) == null ? void 0 : u.result;
+      var g;
+      const l = (g = W(s.data)) == null ? void 0 : g.result;
       if (!l)
         throw new Error(
           `Failed to get motion state for ${this.motionGroupId}: ${s.data}`
@@ -1959,17 +1959,17 @@ class ht {
         this.rapidlyChangingMotionState.joint_position,
         l.joint_position,
         Ot
-      ) || F(() => {
+      ) || D(() => {
         this.rapidlyChangingMotionState.joint_position = l.joint_position;
       }), Ht(
         this.rapidlyChangingMotionState,
         l,
         Ot
-      ) || F(() => {
-        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 = {
+      ) || D(() => {
+        var d, p, x;
+        this.rapidlyChangingMotionState.tcp_pose == null ? this.rapidlyChangingMotionState.tcp_pose = l.tcp_pose : (d = l.tcp_pose) != null && d.orientation && ((p = l.tcp_pose) != null && p.position) && ((x = this.rapidlyChangingMotionState.tcp_pose) != null && x.orientation) ? this.rapidlyChangingMotionState.tcp_pose = {
           position: l.tcp_pose.position,
-          orientation: So(
+          orientation: vo(
             l.tcp_pose.orientation,
             this.rapidlyChangingMotionState.tcp_pose.orientation
           )
@@ -1977,11 +1977,17 @@ class ht {
           "Received incomplete tcp_pose, ignoring",
           l.tcp_pose
         );
-      }), l.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== l.tcp && F(() => {
+      }), l.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== l.tcp && D(() => {
         this.rapidlyChangingMotionState.tcp = l.tcp;
-      }), this.rapidlyChangingMotionState.standstill !== l.standstill && F(() => {
+      }), this.rapidlyChangingMotionState.standstill !== l.standstill && D(() => {
         this.rapidlyChangingMotionState.standstill = l.standstill;
       });
+      const u = this.rapidlyChangingMotionState.joint_limit_reached.limit_reached, f = l.joint_limit_reached.limit_reached;
+      u.some((d, p) => d !== f[p]) && D(() => {
+        this.rapidlyChangingMotionState.joint_limit_reached = l.joint_limit_reached;
+      }), this.rapidlyChangingMotionState.execute !== l.execute && D(() => {
+        this.rapidlyChangingMotionState.execute = l.execute;
+      });
     }), mt(this);
   }
   static async open(t, o) {
@@ -2033,7 +2039,7 @@ class ht {
     this.motionStateSocket.close();
   }
 }
-const At = "Movement request rejected. Another client is currently executing a 'Jogging' motion!";
+const Dt = "Movement request rejected. Another client is currently executing a 'Jogging' motion!";
 class ft {
   constructor(t, o = {}) {
     this.motionStream = t, this.options = o, this.DEFAULT_MODE = "off", this.DEFAULT_TCP = "Flange", this.NO_TCP = void 0, this.DEFAULT_INIT_TIMEOUT = 5e3, this.DEFAULT_ORIENTATION = "coordsys", this.mode = "off", this.joggingSocket = null, this.trajectorySocket = null, this.timeout = this.DEFAULT_INIT_TIMEOUT, this.tcp = (o == null ? void 0 : o.tcp) || t.motionGroup.tcp || this.getDefaultTcp(t), this.orientation = (o == null ? void 0 : o.orientation) || this.DEFAULT_ORIENTATION, this.timeout = (o == null ? void 0 : o.timeout) || this.DEFAULT_INIT_TIMEOUT, this.mode = (o == null ? void 0 : o.mode) || this.DEFAULT_MODE, this.onError = o == null ? void 0 : o.onError;
@@ -2132,7 +2138,7 @@ class ft {
           return;
         }
         if (((s = n == null ? void 0 : n.result) == null ? void 0 : s.kind) === "MOTION_ERROR")
-          if (clearTimeout(r), this.onBlocked && ((l = n == null ? void 0 : n.result) != null && l.message.includes(At))) {
+          if (clearTimeout(r), 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));
@@ -2250,11 +2256,11 @@ class ft {
         t.orientation[0],
         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;
-      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(
+      ), m = h.length(), v = h.clone().normalize(), b = c.distanceRads * (n === "-" ? -1 : 1), T = new ct(0, 0, 0);
+      T[i] = 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), j = Math.cos(0.5 * b) * Math.sin(0.5 * m), I = T.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);
+      ), E = T.clone().cross(v), V = 2 * Math.acos(C - M * I), Q = V / Math.sin(0.5 * V), ot = new ct().addScaledVector(E, M).addScaledVector(T, k).addScaledVector(v, j).multiplyScalar(Q);
       s.push({
         limits_override: {
           tcp_orientation_velocity_limit: r
@@ -2337,7 +2343,7 @@ class ft {
         throw new Error(
           `Failed to execute trajectory: Received invalid message ${h.data}`
         );
-      if (this.onBlocked && ((b = m.result.message) != null && b.includes(At))) {
+      if (this.onBlocked && ((b = m.result.message) != null && b.includes(Dt))) {
         this.onBlocked();
         return;
       }
@@ -2366,15 +2372,15 @@ class ft {
     });
   }
 }
-const vo = (e) => {
-  const t = e.softTimeout || 3e3, [o, r] = B(!1), i = L();
-  return D(() => {
+const Co = (e) => {
+  const t = e.softTimeout || 3e3, [o, r] = L(!1), i = B();
+  return F(() => {
     const n = setTimeout(() => {
       r(!0);
     }, t);
     return () => clearTimeout(n);
   }), /* @__PURE__ */ a(
-    _,
+    P,
     {
       width: "100%",
       height: "100%",
@@ -2382,7 +2388,7 @@ const vo = (e) => {
       justifyContent: "center",
       sx: { color: i.palette.text.primary },
       children: e.error ? /* @__PURE__ */ a(
-        Co,
+        wo,
         {
           loadingMessage: e.message,
           error: e.error
@@ -2391,7 +2397,7 @@ const vo = (e) => {
         /* @__PURE__ */ a(Wt, { sx: { marginBottom: "24px" } }),
         !!e.message && /* @__PURE__ */ a("div", { children: e.message }),
         /* @__PURE__ */ a(
-          _,
+          P,
           {
             sx: {
               visibility: o ? "visible" : "hidden",
@@ -2404,10 +2410,10 @@ const vo = (e) => {
       ] })
     }
   );
-}, Co = (e) => {
-  const t = ke(e.error), o = e.error instanceof Error ? e.error.stack : null, r = L();
+}, wo = (e) => {
+  const t = Re(e.error), o = e.error instanceof Error ? e.error.stack : null, r = B();
   return /* @__PURE__ */ S(
-    _,
+    P,
     {
       sx: {
         maxHeight: "100%",
@@ -2422,14 +2428,14 @@ const vo = (e) => {
         }
       },
       children: [
-        (e.loadingMessage ? `Error while ${Se(Ie(e.loadingMessage))} - ` : "") + t,
+        (e.loadingMessage ? `Error while ${ve(ke(e.loadingMessage))} - ` : "") + t,
         /* @__PURE__ */ a("br", {}),
         o && /* @__PURE__ */ a("pre", { children: o })
       ]
     }
   );
-}, wo = J(({ store: e }) => {
-  const { t } = V();
+}, To = J(({ store: e }) => {
+  const { t } = z();
   return /* @__PURE__ */ a(
     Bt,
     {
@@ -2444,9 +2450,9 @@ const vo = (e) => {
         justifyContent: "flex-start",
         alignItems: "flex-start"
       },
-      children: /* @__PURE__ */ S(_, { sx: { m: 2, width: "100%" }, children: [
-        /* @__PURE__ */ S(Re, { severity: "error", sx: { mb: 2 }, children: [
-          /* @__PURE__ */ a(je, { children: t("Jogging.Blocked.ti") }),
+      children: /* @__PURE__ */ S(P, { sx: { m: 2, width: "100%" }, children: [
+        /* @__PURE__ */ S(je, { severity: "error", sx: { mb: 2 }, children: [
+          /* @__PURE__ */ a(Ee, { children: t("Jogging.Blocked.ti") }),
           t("Jogging.Blocked.lb")
         ] }),
         /* @__PURE__ */ a(
@@ -2463,35 +2469,45 @@ const vo = (e) => {
   );
 }), qt = J(
   ({ store: e }) => {
-    const { t } = V(), [o, r] = B(
+    const { t } = z(), [o, r] = L(
       e.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached
     ), i = A(o);
     pt(() => {
       const c = e.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached;
-      Fe(i.current, c) || (i.current = c, r(c));
+      Be(i.current, c) || (i.current = c, r(c));
     });
     const n = [];
     for (const [c, s] of o.entries())
       s && n.push(c);
     return /* @__PURE__ */ a(
-      j,
+      w,
       {
-        "data-testid": "jogging-joint-limit-detector",
-        "aria-label": "jogging-joint-limit-detector",
-        color: "error",
         sx: {
-          margin: "0.5rem 1rem",
-          textAlign: "center",
-          minHeight: "1.5rem",
-          visibility: n.length ? "visible" : "hidden"
+          display: "flex",
+          flexDirection: "row",
+          justifyContent: "center"
         },
-        children: t("Jogging.JointLimitsReached.lb", {
-          jointNumbers: n.map((c) => c + 1).join(", ")
-        })
+        children: /* @__PURE__ */ a(
+          R,
+          {
+            "data-testid": "jogging-joint-limit-detector",
+            "aria-label": "jogging-joint-limit-detector",
+            color: "error",
+            variant: "body2",
+            sx: {
+              fontSize: "0.75rem",
+              lineHeight: 1.2,
+              visibility: n.length ? "visible" : "hidden"
+            },
+            children: t("Jogging.JointLimitsReached.lb", {
+              jointNumbers: n.map((c) => c + 1).join(", ")
+            })
+          }
+        )
       }
     );
   }
-), To = ut(Le)(({ theme: e }) => ({
+), Mo = ut($e)(({ theme: e }) => ({
   "&.MuiFormControl-root": {
     ".MuiSelect-select": {
       paddingTop: "20px",
@@ -2512,9 +2528,9 @@ function it({
   labelValue: e,
   ...t
 }) {
-  return /* @__PURE__ */ S(To, { fullWidth: !0, variant: "filled", children: [
-    /* @__PURE__ */ a($e, { id: t.labelId, children: e }),
-    /* @__PURE__ */ a(ze, { ...t })
+  return /* @__PURE__ */ S(Mo, { fullWidth: !0, variant: "filled", children: [
+    /* @__PURE__ */ a(ze, { id: t.labelId, children: e }),
+    /* @__PURE__ */ a(Ve, { ...t })
   ] });
 }
 const dt = [
@@ -2522,10 +2538,10 @@ const dt = [
   { id: "1", mm: 1, degrees: 0.5 },
   { id: "5", mm: 5, degrees: 2.5 },
   { id: "10", mm: 10, degrees: 5 }
-], Mo = [
+], Io = [
   { id: "continuous" },
   ...dt
-], Io = ["coordsys", "tool"];
+], ko = ["coordsys", "tool"];
 class bt {
   constructor(t, o, r, i, n) {
     var c, s, l;
@@ -2540,7 +2556,7 @@ class bt {
     }, this.loadFromLocalStorage(), this.disposers.push(kt(() => this.saveToLocalStorage())), this.disposers.push(
       kt(() => {
         const u = this.jogger.motionStream.rapidlyChangingMotionState.tcp;
-        u && u !== this.selectedTcpId && F(() => {
+        u && u !== this.selectedTcpId && D(() => {
           this.selectedTcpId = u, this.tcpChangeInProgress = !1;
         });
       })
@@ -2584,7 +2600,7 @@ class bt {
     this.jogger.dispose();
   }
   get coordSystemCountByName() {
-    return ve(this.coordSystems, (t) => t.name);
+    return Ce(this.coordSystems, (t) => t.name);
   }
   async deactivate() {
     this.jogger.mode === "jogging" && await this.jogger.setJoggingMode("off");
@@ -2631,7 +2647,7 @@ class bt {
     }), t;
   }
   get incrementOptions() {
-    return Mo;
+    return Io;
   }
   get discreteIncrementOptions() {
     return dt;
@@ -2703,24 +2719,26 @@ class bt {
    *
    * 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.
+   * TCP change. The websocket is kept open until the state-stream confirms the
+   * change (or a 1s timeout), to ensure the backend has time to process it.
    */
   async requestTcpChange(t) {
     if (t === this.selectedTcpId) return;
     this.tcpChangeInProgress = !0;
     const o = this.jogger.tcp, r = this.jogger.mode !== "jogging";
     try {
-      this.jogger.tcp = t, r ? (await this.jogger.setJoggingMode("jogging"), await this.jogger.setJoggingMode("off")) : await this.jogger.setJoggingMode("jogging", !1);
-      const i = await this.waitForTcpConfirmation(t, 1e4);
-      F(() => {
+      this.jogger.tcp = t, r ? await this.jogger.setJoggingMode("jogging") : await this.jogger.setJoggingMode("jogging", !1);
+      let i = await this.waitForTcpConfirmation(t, 1e3);
+      r && await this.jogger.setJoggingMode("off"), i || (i = await this.waitForTcpConfirmation(t, 2e3)), D(() => {
         i ? this.selectedTcpId = t : (this.jogger.tcp = o, this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "");
       });
     } catch (i) {
-      throw F(() => {
+      throw r && await this.jogger.setJoggingMode("off").catch(() => {
+      }), D(() => {
         this.jogger.tcp = o, this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "";
       }), i;
     } finally {
-      F(() => {
+      D(() => {
         this.tcpChangeInProgress = !1;
       });
     }
@@ -2766,7 +2784,7 @@ class bt {
   }
   /** Lock the UI until the given async callback resolves */
   async withMotionLock(t) {
-    const o = Ve();
+    const o = Ne();
     this.lock(o);
     try {
       return await t();
@@ -2775,10 +2793,10 @@ class bt {
     }
   }
 }
-const ko = J(
+const Ro = J(
   ({ store: e, useDegree: t }) => {
     var c;
-    const { t: o } = V(), r = ne(), i = [];
+    const { t: o } = z(), r = ie(), i = [];
     function n(s) {
       switch (s) {
         case "coordsys":
@@ -2801,7 +2819,7 @@ const ko = J(
           displayEmpty: !0,
           onChange: (s) => e.setSelectedCoordSystemId(s.target.value),
           disabled: e.isLocked,
-          children: e.coordSystems.map((s) => /* @__PURE__ */ a(q, { value: s.coordinate_system, children: s.name && e.coordSystemCountByName[s.name] > 1 ? `${s.name} / ${s.coordinate_system}` : s.name || s.coordinate_system }, s.coordinate_system))
+          children: e.coordSystems.map((s) => /* @__PURE__ */ a(Y, { value: s.coordinate_system, children: s.name && e.coordSystemCountByName[s.name] > 1 ? `${s.name} / ${s.coordinate_system}` : s.name || s.coordinate_system }, s.coordinate_system))
         },
         "coord"
       )
@@ -2821,8 +2839,8 @@ const ko = J(
             });
           },
           disabled: e.isLocked || e.tcpChangeInProgress,
-          endAdornment: e.tcpChangeInProgress ? /* @__PURE__ */ a(Be, { position: "end", children: /* @__PURE__ */ a(Wt, { size: 16 }) }) : void 0,
-          children: e.tcps.map((s) => /* @__PURE__ */ a(q, { value: s.id, children: s.id }, s.id))
+          endAdornment: e.tcpChangeInProgress ? /* @__PURE__ */ a(Le, { position: "end", children: /* @__PURE__ */ a(Wt, { size: 16 }) }) : void 0,
+          children: e.tcps.map((s) => /* @__PURE__ */ a(Y, { value: s.id, children: s.id }, s.id))
         },
         "tcp"
       )
@@ -2835,7 +2853,7 @@ const ko = J(
           value: e.selectedOrientation,
           onChange: (s) => e.setSelectedOrientation(s.target.value),
           disabled: e.isLocked,
-          children: Io.map((s) => /* @__PURE__ */ a(q, { value: s, children: n(s) }, s))
+          children: ko.map((s) => /* @__PURE__ */ a(Y, { value: s, children: n(s) }, s))
         },
         "orientation"
       )
@@ -2853,14 +2871,14 @@ const ko = J(
           ),
           disabled: e.isLocked,
           children: [
-            /* @__PURE__ */ a(q, { value: "continuous", children: o("Jogging.Increment.Continuous.dd") }, "continuous"),
-            e.selectedOrientation === "tool" ? null : e.discreteIncrementOptions.map((s) => /* @__PURE__ */ a(q, { value: s.id, children: t ? `${s.degrees}°` : `${s.mm}mm` }, s.id))
+            /* @__PURE__ */ a(Y, { value: "continuous", children: o("Jogging.Increment.Continuous.dd") }, "continuous"),
+            e.selectedOrientation === "tool" ? null : e.discreteIncrementOptions.map((s) => /* @__PURE__ */ a(Y, { value: s.id, children: t ? `${s.degrees}°` : `${s.mm}mm` }, s.id))
           ]
         },
         "increment"
       )
     ), /* @__PURE__ */ a(
-      T,
+      w,
       {
         component: "div",
         "data-testid": "jogging-options",
@@ -2873,7 +2891,7 @@ const ko = J(
           "& label": { opacity: 0.7, fontSize: "12px", marginBottom: "4px" }
         },
         children: i.map((s, l) => /* @__PURE__ */ a(
-          T,
+          w,
           {
             sx: {
               gridColumn: i.length % 2 === 1 && l === i.length - 1 ? "span 2" : "auto"
@@ -2885,7 +2903,7 @@ const ko = J(
       }
     );
   }
-), Ro = ut(Ne)(({ theme: e }) => {
+), jo = ut(We)(({ theme: e }) => {
   var t;
   return {
     "&.MuiToggleButtonGroup-root": {
@@ -2907,14 +2925,14 @@ const ko = J(
       }
     }
   };
-}), jo = J((e) => {
+}), Eo = J((e) => {
   var n, c, s;
-  const t = L(), { store: o } = e, { t: r } = V();
+  const t = B(), { store: o } = e, { t: r } = z();
   function i(l, u) {
-    u === e.velocity || !We(u) || e.onVelocityChange(u, e.useDegree);
+    u === e.velocity || !Ge(u) || e.onVelocityChange(u, e.useDegree);
   }
   return /* @__PURE__ */ S(
-    _,
+    P,
     {
       direction: "row",
       gap: 2,
@@ -2923,7 +2941,7 @@ const ko = J(
       "aria-label": "velocity-slider",
       children: [
         o.showVelocityLegend && /* @__PURE__ */ a(
-          j,
+          R,
           {
             sx: {
               color: (s = (c = (n = t.componentsExt) == null ? void 0 : n.JoggingPanel) == null ? void 0 : c.VelocitySlider) == null ? void 0 : s.sliderLegendColor,
@@ -2958,9 +2976,9 @@ const ko = J(
 });
 function Yt({ value: e, sx: t }) {
   var r;
-  const o = L();
+  const o = B();
   return /* @__PURE__ */ a(
-    _,
+    P,
     {
       direction: "row",
       justifyContent: "center",
@@ -2974,7 +2992,7 @@ function Yt({ value: e, sx: t }) {
         ...t
       },
       children: /* @__PURE__ */ a(
-        j,
+        R,
         {
           component: "span",
           sx: {
@@ -2992,12 +3010,12 @@ function Yt({ value: e, sx: t }) {
 }
 const Zt = J(
   ({ store: e, useDegree: t }) => {
-    const { t: o } = V();
+    const { t: o } = z();
     function r(i, n) {
       return n ? `ω = ${o("Jogging.Cartesian.Rotation.velocityDegPerSec.lb", { amount: i })}` : `v = ${o("Jogging.Cartesian.Translation.velocityMmPerSec.lb", { amount: i })}`;
     }
     return /* @__PURE__ */ a(
-      jo,
+      Eo,
       {
         store: e,
         velocity: e.velocityInDisplayUnits(t),
@@ -3021,12 +3039,53 @@ const Zt = J(
       }
     );
   }
-), Eo = J(
+), Qt = J(({ store: e }) => {
+  var i, n, c;
+  const { t } = z(), o = B(), r = ((c = (n = (i = e.jogger.motionStream.rapidlyChangingMotionState.execute) == null ? void 0 : i.details) == null ? void 0 : n.state) == null ? void 0 : c.kind) ?? "KIND_UNKNOWN";
+  return /* @__PURE__ */ S(
+    w,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        color: o.palette.text.primary
+      },
+      children: [
+        /* @__PURE__ */ a(
+          R,
+          {
+            variant: "body2",
+            sx: {
+              fontSize: "0.75rem",
+              // Smaller than body2
+              lineHeight: 1.2
+            },
+            children: t("Jogging.StreamStateSection.lb")
+          }
+        ),
+        /* @__PURE__ */ a(
+          R,
+          {
+            variant: "body2",
+            sx: {
+              fontSize: "0.75rem",
+              // Smaller than body2
+              lineHeight: 1.2
+            },
+            "data-testid": r,
+            children: t(`Jogging.StreamStateSection.${r}.lb`)
+          }
+        )
+      ]
+    }
+  );
+}), _o = J(
   ({
     store: e,
     children: t
   }) => {
-    const { t: o } = V(), r = L();
+    const { t: o } = z(), r = B();
     function i(d, p) {
       (p === "translate" || p === "rotate") && e.setSelectedCartesianMotionType(p);
     }
@@ -3049,7 +3108,7 @@ const Zt = J(
               distanceMm: p.mm
             } : {
               type: "rotate",
-              distanceRads: Me(p.degrees)
+              distanceRads: Ie(p.degrees)
             }
           });
         } finally {
@@ -3084,12 +3143,12 @@ const Zt = J(
     const u = [
       {
         id: "x",
-        icon: /* @__PURE__ */ a(_e, {}),
+        icon: /* @__PURE__ */ a(Oe, {}),
         colors: l("X", e.selectedCartesianMotionType, r)
       },
       {
         id: "y",
-        icon: /* @__PURE__ */ a(Oe, {}),
+        icon: /* @__PURE__ */ a(De, {}),
         colors: l("Y", e.selectedCartesianMotionType, r)
       },
       {
@@ -3107,7 +3166,7 @@ const Zt = J(
       });
     }
     return /* @__PURE__ */ S(
-      _,
+      P,
       {
         "data-testid": "jogging-cartesian-tab",
         "aria-label": "jogging-cartesian-tab",
@@ -3115,9 +3174,9 @@ const Zt = J(
         gap: 2,
         sx: { padding: "18px 24px" },
         children: [
-          /* @__PURE__ */ S(_, { gap: 2, children: [
+          /* @__PURE__ */ S(P, { gap: 2, children: [
             /* @__PURE__ */ a(
-              ko,
+              Ro,
               {
                 store: e,
                 useDegree: e.selectedCartesianMotionType === "rotate"
@@ -3130,10 +3189,10 @@ const Zt = J(
                 useDegree: e.selectedCartesianMotionType === "rotate"
               }
             ),
-            /* @__PURE__ */ a(Y, {})
+            /* @__PURE__ */ a(U, {})
           ] }),
           /* @__PURE__ */ a(
-            _,
+            P,
             {
               marginLeft: "auto",
               marginRight: "auto",
@@ -3141,7 +3200,7 @@ const Zt = J(
               justifyContent: "center",
               sx: { flexGrow: "1" },
               children: /* @__PURE__ */ S(
-                _,
+                P,
                 {
                   alignItems: "center",
                   justifyContent: "center",
@@ -3149,7 +3208,7 @@ const Zt = J(
                   sx: { flexGrow: 1 },
                   children: [
                     /* @__PURE__ */ S(
-                      Ro,
+                      jo,
                       {
                         value: e.selectedCartesianMotionType,
                         onChange: i,
@@ -3165,7 +3224,7 @@ const Zt = J(
                     e.selectedCartesianMotionType === "translate" && u.map((d) => {
                       var p, x;
                       return /* @__PURE__ */ a(
-                        _t,
+                        Pt,
                         {
                           "data-testid": `jogging-cartesian-axis-control-${d.id}`,
                           "aria-label": `jogging-cartesian-axis-control-${d.id}`,
@@ -3175,7 +3234,7 @@ const Zt = J(
                           label: /* @__PURE__ */ S(et, { children: [
                             d.icon,
                             /* @__PURE__ */ a(
-                              j,
+                              R,
                               {
                                 sx: {
                                   fontSize: "24px",
@@ -3204,7 +3263,7 @@ const Zt = J(
                     e.selectedCartesianMotionType === "rotate" && u.map((d) => {
                       var p, x;
                       return /* @__PURE__ */ a(
-                        _t,
+                        Pt,
                         {
                           "data-testid": `jogging-cartesian-axis-control-${d.id}`,
                           "aria-label": `jogging-cartesian-axis-control-${d.id}`,
@@ -3212,9 +3271,9 @@ 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(De, {}),
+                            /* @__PURE__ */ a(Je, {}),
                             /* @__PURE__ */ a(
-                              j,
+                              R,
                               {
                                 sx: {
                                   fontSize: "24px",
@@ -3246,7 +3305,9 @@ const Zt = J(
             }
           ),
           /* @__PURE__ */ a(qt, { store: e }),
-          t && /* @__PURE__ */ a(Y, {}),
+          /* @__PURE__ */ a(U, {}),
+          /* @__PURE__ */ a(Qt, { store: e }),
+          t && /* @__PURE__ */ a(U, {}),
           t
         ]
       }
@@ -3254,7 +3315,7 @@ const Zt = J(
   }
 ), Po = J(
   ({ store: e, children: t }) => {
-    const o = L();
+    const o = B();
     async function r(n) {
       await e.activate(), await e.jogger.rotateJoints({
         joint: n.joint,
@@ -3267,7 +3328,7 @@ const Zt = J(
       await e.jogger.stop(), await e.deactivate();
     }
     return /* @__PURE__ */ S(
-      _,
+      P,
       {
         "data-testid": "jogging-joint-tab",
         "aria-label": "jogging-joint-tab",
@@ -3282,15 +3343,15 @@ const Zt = J(
               useDegree: e.jointType === G.RevoluteJoint
             }
           ),
-          /* @__PURE__ */ a(Y, {}),
+          /* @__PURE__ */ a(U, {}),
           /* @__PURE__ */ a(
-            _,
+            P,
             {
               justifyContent: "center",
               alignItems: "stretch",
               sx: { flexGrow: "1" },
               children: /* @__PURE__ */ a(
-                _,
+                P,
                 {
                   "data-testid": "jogging-joint-value-controls-wrapper",
                   "aria-label": "jogging-joint-value-controls-wrapper",
@@ -3300,7 +3361,7 @@ const Zt = J(
                     var s, l, u;
                     const c = (u = (l = (s = e.motionGroupDescription.operation_limits.auto_limits) == null ? void 0 : s.joints) == null ? void 0 : l[n.index]) == null ? void 0 : u.position;
                     return /* @__PURE__ */ S(
-                      _,
+                      P,
                       {
                         "data-testid": `jogging-joint-value-control-${n.index}`,
                         "aria-label": `jogging-joint-value-control-${n.index}`,
@@ -3311,14 +3372,14 @@ const Zt = J(
                         width: "100%",
                         children: [
                           e.showJointsLegend && /* @__PURE__ */ a(
-                            j,
+                            R,
                             {
                               color: e.isLocked ? o.palette.text.disabled : o.palette.text.secondary,
                               children: `G${n.index + 1}`
                             }
                           ),
                           /* @__PURE__ */ a(
-                            xo,
+                            yo,
                             {
                               disabled: e.isLocked,
                               lowerLimit: c == null ? void 0 : c.lower_limit,
@@ -3345,20 +3406,22 @@ const Zt = J(
             }
           ),
           /* @__PURE__ */ a(qt, { store: e }),
-          t && /* @__PURE__ */ a(Y, {}),
+          /* @__PURE__ */ a(U, {}),
+          /* @__PURE__ */ a(Qt, { store: e }),
+          t && /* @__PURE__ */ a(U, {}),
           t
         ]
       }
     );
   }
-), ui = $(
+), pi = $(
   J((e) => {
-    const t = Ce(e.nova) ? new xe({ instanceUrl: e.nova }) : e.nova, o = Lt(() => ({
+    const t = we(e.nova) ? new ye({ instanceUrl: e.nova }) : e.nova, o = Lt(() => ({
       joggingStore: null,
       loadingError: null
     }));
     async function r() {
-      F(() => {
+      D(() => {
         o.loadingError = null, o.joggingStore = null;
       });
       try {
@@ -3367,21 +3430,21 @@ const Zt = J(
           const n = await ft.open(t, e.motionGroupId);
           i = await bt.loadFor(n);
         }
-        F(() => {
+        D(() => {
           o.joggingStore = i;
         }), e.onSetup && e.onSetup(i);
       } catch (i) {
         o.loadingError = i;
       }
     }
-    return D(() => (r(), e.store ? () => null : () => {
+    return F(() => (r(), e.store ? () => null : () => {
       var i;
       (i = o.joggingStore) == null || i.dispose();
-    }), [e.store, e.nova, e.motionGroupId]), D(() => {
+    }), [e.store, e.nova, e.motionGroupId]), F(() => {
       const i = o.joggingStore;
       i && (e.locked ? i.lock("external") : i.unlock("external"));
     }, [o.joggingStore, e.locked]), /* @__PURE__ */ a(
-      _,
+      P,
       {
         "data-testid": "jogging-panel",
         "aria-label": "jogging-panel",
@@ -3391,23 +3454,23 @@ const Zt = J(
           position: "relative",
           ...e.sx
         },
-        children: o.joggingStore ? /* @__PURE__ */ a(_o, { store: o.joggingStore, children: e.children }) : /* @__PURE__ */ a(vo, { message: "Loading jogging", error: o.loadingError })
+        children: o.joggingStore ? /* @__PURE__ */ a(Oo, { store: o.joggingStore, children: e.children }) : /* @__PURE__ */ a(Co, { message: "Loading jogging", error: o.loadingError })
       }
     );
   })
-), _o = J(
+), Oo = J(
   ({
     store: e,
     children: t
   }) => {
-    const { t: o } = V();
+    const { t: o } = z();
     function r() {
       if (e.currentTab.id === "cartesian")
-        return /* @__PURE__ */ a(Eo, { store: e, children: t });
+        return /* @__PURE__ */ a(_o, { store: e, children: t });
       if (e.currentTab.id === "joint")
         return /* @__PURE__ */ a(Po, { store: e, children: t });
     }
-    return /* @__PURE__ */ S(_, { flexGrow: 1, sx: { overflow: "hidden" }, children: [
+    return /* @__PURE__ */ S(P, { flexGrow: 1, sx: { overflow: "hidden" }, children: [
       /* @__PURE__ */ a(
         Vt,
         {
@@ -3417,13 +3480,13 @@ const Zt = J(
           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(fe, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(be, { fontSize: "small", sx: { mr: 1 } });
+            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 } });
             return /* @__PURE__ */ a(
               zt,
               {
                 "data-testid": `jogging-tab-${i.id}`,
                 "aria-label": `jogging-tab-${i.id}`,
-                label: e.showTabIcons ? /* @__PURE__ */ S(_, { direction: "row", alignItems: "center", children: [
+                label: e.showTabIcons ? /* @__PURE__ */ S(P, { direction: "row", alignItems: "center", children: [
                   c,
                   n
                 ] }) : n,
@@ -3436,7 +3499,7 @@ const Zt = J(
         }
       ),
       /* @__PURE__ */ a(
-        _,
+        P,
         {
           flexGrow: 1,
           position: "relative",
@@ -3444,12 +3507,12 @@ const Zt = J(
           children: r()
         }
       ),
-      e.blocked && /* @__PURE__ */ a(wo, { store: e })
+      e.blocked && /* @__PURE__ */ a(To, { store: e })
     ] });
   }
-), Qt = (e) => {
+), Xt = (e) => {
   var s;
-  const { value: t, ref: o } = e, r = L(), [i, n] = B(!1);
+  const { value: t, ref: o } = e, r = B(), [i, n] = L(!1);
   async function c() {
     if (!o || !("current" in o))
       return console.warn("No copy target found"), !1;
@@ -3465,15 +3528,15 @@ const Zt = J(
     }
     return !1;
   }
-  return D(() => {
+  return F(() => {
     if (!i)
       return;
     const l = setTimeout(() => n(!1), 3e3);
     return () => {
       l && clearTimeout(l);
     };
-  }, [i]), /* @__PURE__ */ a(qe, { open: i, title: "Copied!", children: /* @__PURE__ */ a(
-    _,
+  }, [i]), /* @__PURE__ */ a(Ye, { open: i, title: "Copied!", children: /* @__PURE__ */ a(
+    P,
     {
       justifyContent: "center",
       sx: {
@@ -3487,7 +3550,7 @@ const Zt = J(
       },
       onClick: () => c(),
       children: /* @__PURE__ */ a(
-        j,
+        R,
         {
           ref: o,
           align: "center",
@@ -3506,11 +3569,11 @@ const Zt = J(
       )
     }
   ) });
-}, pi = $(
+}, mi = $(
   J(({ tcpPose: e, showCopyButton: t = !1 }) => {
-    const [o, r] = B(null), i = ye(e);
+    const [o, r] = L(null), i = Se(e);
     return /* @__PURE__ */ S(
-      _,
+      P,
       {
         direction: "row",
         alignItems: "center",
@@ -3518,7 +3581,7 @@ const Zt = J(
         sx: { flexGrow: 1, minWidth: 0, overflow: "hidden" },
         "data-testid": "pose-cartesian-values",
         children: [
-          /* @__PURE__ */ a(Qt, { value: i }),
+          /* @__PURE__ */ a(Xt, { value: i }),
           t && /* @__PURE__ */ a(
             Z,
             {
@@ -3540,11 +3603,11 @@ const Zt = J(
       }
     );
   })
-), mi = $(
+), hi = $(
   J(({ joints: e, showCopyButton: t = !1 }) => {
-    const [o, r] = B(null), i = `[${e.map((c) => parseFloat(c.toFixed(4))).join(", ")}]`;
+    const [o, r] = L(null), i = `[${e.map((c) => parseFloat(c.toFixed(4))).join(", ")}]`;
     return /* @__PURE__ */ S(
-      _,
+      P,
       {
         direction: "row",
         alignItems: "center",
@@ -3552,7 +3615,7 @@ const Zt = J(
         sx: { flexGrow: 1, minWidth: 0, overflow: "hidden" },
         "data-testid": "pose-joint-values",
         children: [
-          /* @__PURE__ */ a(Qt, { value: i }),
+          /* @__PURE__ */ a(Xt, { value: i }),
           t && /* @__PURE__ */ a(
             Z,
             {
@@ -3575,7 +3638,7 @@ const Zt = J(
     );
   })
 );
-class Oo {
+class Do {
   constructor() {
     this.messages = [], this.addMessage = (t, o = "info") => {
       const r = {
@@ -3595,8 +3658,8 @@ class Oo {
       this.addMessage(t, "error");
     }, this.addDebug = (t) => {
       this.addMessage(t, "debug");
-    }, we(this, {
-      messages: Te,
+    }, Te(this, {
+      messages: Me,
       addMessage: Rt,
       clearMessages: Rt
     });
@@ -3607,11 +3670,11 @@ const st = (e, t, o) => ({
   timestamp: /* @__PURE__ */ new Date(),
   message: e,
   level: t
-}), hi = (e, t) => st(e, "debug", t), fi = (e, t) => st(e, "info", t), bi = (e, t) => st(e, "warning", t), xi = (e, t) => st(e, "error", t), Ao = $(
+}), fi = (e, t) => st(e, "debug", t), bi = (e, t) => st(e, "info", t), xi = (e, t) => st(e, "warning", t), yi = (e, t) => st(e, "error", t), Ao = $(
   J((e) => {
     var f;
-    const { messages: t = [], onClear: o, height: r = 400, sx: i } = e, n = L(), c = A(null);
-    D(() => {
+    const { messages: t = [], onClear: o, height: r = 400, sx: i } = e, n = B(), c = A(null);
+    F(() => {
       if (t.length === 0) return;
       const g = c.current;
       if (!g) return;
@@ -3639,15 +3702,15 @@ const st = (e, t, o) => ({
           return n.palette.text.secondary;
       }
     }, u = ({ message: g }) => {
-      const [d, p] = B(!1), [x, y] = B(!1), [h, m] = B(!1), v = g.message.length > 150, b = async () => {
+      const [d, p] = L(!1), [x, y] = L(!1), [h, m] = L(!1), v = g.message.length > 150, b = async () => {
         try {
           await navigator.clipboard.writeText(g.message), y(!0), setTimeout(() => y(!1), 2e3);
         } catch (C) {
           console.error("Failed to copy message:", C);
         }
-      }, w = v && !d ? `${g.message.substring(0, 150)}...` : g.message;
+      }, T = v && !d ? `${g.message.substring(0, 150)}...` : g.message;
       return /* @__PURE__ */ a(
-        T,
+        w,
         {
           onMouseEnter: () => m(!0),
           onMouseLeave: () => m(!1),
@@ -3663,9 +3726,9 @@ const st = (e, t, o) => ({
             padding: "2px 4px",
             margin: "-2px -4px"
           },
-          children: /* @__PURE__ */ S(T, { sx: { display: "flex", gap: 1 }, children: [
+          children: /* @__PURE__ */ S(w, { sx: { display: "flex", gap: 1 }, children: [
             /* @__PURE__ */ S(
-              j,
+              R,
               {
                 component: "span",
                 sx: {
@@ -3685,7 +3748,7 @@ const st = (e, t, o) => ({
               }
             ),
             /* @__PURE__ */ a(
-              j,
+              R,
               {
                 component: "span",
                 sx: {
@@ -3700,11 +3763,11 @@ const st = (e, t, o) => ({
                   flex: 1,
                   whiteSpace: "pre-wrap"
                 },
-                children: w
+                children: T
               }
             ),
             /* @__PURE__ */ S(
-              T,
+              w,
               {
                 sx: {
                   display: "flex",
@@ -3716,7 +3779,7 @@ const st = (e, t, o) => ({
                 },
                 children: [
                   /* @__PURE__ */ a(
-                    H,
+                    q,
                     {
                       size: "small",
                       onClick: b,
@@ -3728,11 +3791,11 @@ const st = (e, t, o) => ({
                         }
                       },
                       title: x ? "Copied!" : "Copy message",
-                      children: /* @__PURE__ */ a(Ye, { sx: { fontSize: 12 } })
+                      children: /* @__PURE__ */ a(Ze, { sx: { fontSize: 12 } })
                     }
                   ),
                   v && /* @__PURE__ */ a(
-                    H,
+                    q,
                     {
                       size: "small",
                       onClick: () => p(!d),
@@ -3744,7 +3807,7 @@ const st = (e, t, o) => ({
                         }
                       },
                       title: d ? "Collapse" : "Expand",
-                      children: d ? /* @__PURE__ */ a(Qe, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(Xe, { sx: { fontSize: 12 } })
+                      children: d ? /* @__PURE__ */ a(Xe, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(Ke, { sx: { fontSize: 12 } })
                     }
                   )
                 ]
@@ -3756,7 +3819,7 @@ const st = (e, t, o) => ({
       );
     };
     return /* @__PURE__ */ S(
-      Ke,
+      to,
       {
         sx: {
           backgroundColor: ((f = n.palette.backgroundPaperElevation) == null ? void 0 : f[2]) || "#171927",
@@ -3770,7 +3833,7 @@ const st = (e, t, o) => ({
         },
         children: [
           /* @__PURE__ */ S(
-            T,
+            w,
             {
               sx: {
                 display: "flex",
@@ -3779,9 +3842,9 @@ const st = (e, t, o) => ({
                 padding: "12px 16px"
               },
               children: [
-                /* @__PURE__ */ S(T, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                /* @__PURE__ */ S(w, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                   /* @__PURE__ */ a(
-                    Ze,
+                    Qe,
                     {
                       sx: {
                         fontSize: 16,
@@ -3791,7 +3854,7 @@ const st = (e, t, o) => ({
                     }
                   ),
                   /* @__PURE__ */ a(
-                    j,
+                    R,
                     {
                       sx: {
                         fontWeight: 500,
@@ -3830,7 +3893,7 @@ const st = (e, t, o) => ({
             }
           ),
           /* @__PURE__ */ a(
-            T,
+            w,
             {
               ref: c,
               sx: {
@@ -3858,7 +3921,7 @@ const st = (e, t, o) => ({
                 }
               },
               children: t.length === 0 ? /* @__PURE__ */ a(
-                j,
+                R,
                 {
                   sx: {
                     color: n.palette.text.disabled,
@@ -3876,15 +3939,15 @@ const st = (e, t, o) => ({
       }
     );
   })
-), yi = $(
+), Si = $(
   J((e) => {
     const { store: t, onStoreReady: o, ...r } = e, i = A(o);
-    D(() => {
+    F(() => {
       i.current = o;
     }, [o]);
     const n = rt(() => {
       var l;
-      const s = t || new Oo();
+      const s = t || new Do();
       return (l = i.current) == null || l.call(i, s), s;
     }, [t]), c = () => {
       n.clearMessages();
@@ -3899,19 +3962,19 @@ const st = (e, t, o) => ({
     );
   })
 );
-function Do() {
+function Jo() {
   const e = window.location.href;
   return e.substring(
     0,
     e.indexOf("/", e.indexOf("//") + 2)
   );
 }
-function Si({
-  baseUrl: e = Do(),
+function vi({
+  baseUrl: e = Jo(),
   ...t
 }) {
   return /* @__PURE__ */ S(
-    to,
+    eo,
     {
       "aria-labelledby": "no-motion-group-modal-title",
       open: !0,
@@ -3931,9 +3994,9 @@ function Si({
         }
       },
       children: [
-        /* @__PURE__ */ a(no, { id: "no-motion-group-modal-title", children: "No motion group found" }),
+        /* @__PURE__ */ a(io, { id: "no-motion-group-modal-title", children: "No motion group found" }),
         /* @__PURE__ */ S(
-          oo,
+          no,
           {
             sx: {
               marginTop: "3rem",
@@ -3941,12 +4004,12 @@ function Si({
               textAlign: "center"
             },
             children: [
-              /* @__PURE__ */ a(j, { color: "#fff", children: "Found no devices to connect to." }),
-              /* @__PURE__ */ a(j, { color: "#fff", children: "Please ensure a motion group has been created." })
+              /* @__PURE__ */ a(R, { color: "#fff", children: "Found no devices to connect to." }),
+              /* @__PURE__ */ a(R, { color: "#fff", children: "Please ensure a motion group has been created." })
             ]
           }
         ),
-        /* @__PURE__ */ a(eo, { children: /* @__PURE__ */ S(_, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
+        /* @__PURE__ */ a(oo, { children: /* @__PURE__ */ S(P, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
           /* @__PURE__ */ a(
             Z,
             {
@@ -3978,10 +4041,10 @@ function Si({
     }
   );
 }
-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 Jo = $(
+var Kt = /* @__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))(Kt || {});
+const Fo = $(
   J(({ setupState: e, className: t }) => {
-    const o = L(), { t: r } = V(), i = () => {
+    const o = B(), { t: r } = z(), i = () => {
       var u, f, g, d, p, x, y;
       switch (e) {
         case "READY":
@@ -4031,11 +4094,11 @@ const Jo = $(
       }
     }, { label: n, indicatorColor: c, backgroundColor: s, textColor: l } = i();
     return /* @__PURE__ */ a(
-      ro,
+      ao,
       {
         className: t,
         label: /* @__PURE__ */ S(
-          T,
+          w,
           {
             sx: {
               display: "flex",
@@ -4044,7 +4107,7 @@ const Jo = $(
             },
             children: [
               /* @__PURE__ */ a(
-                T,
+                w,
                 {
                   sx: {
                     width: 8,
@@ -4056,7 +4119,7 @@ const Jo = $(
                 }
               ),
               /* @__PURE__ */ a(
-                j,
+                R,
                 {
                   variant: "body2",
                   sx: {
@@ -4085,19 +4148,19 @@ const Jo = $(
       }
     );
   })
-), vi = $(
+), Ci = $(
   J(
     ({
       robotName: e,
       robotType: t,
       setupState: o,
-      PreconditionComponent: r = Jo,
+      PreconditionComponent: r = Fo,
       className: i
     }) => {
       var l;
-      const n = L(), c = t || "Robot", s = o === Xt.READY;
+      const n = B(), c = t || "Robot", s = o === Kt.READY;
       return /* @__PURE__ */ S(
-        T,
+        w,
         {
           className: i,
           sx: {
@@ -4112,7 +4175,7 @@ const Jo = $(
           },
           children: [
             /* @__PURE__ */ S(
-              T,
+              w,
               {
                 sx: {
                   display: "flex",
@@ -4122,7 +4185,7 @@ const Jo = $(
                 },
                 children: [
                   s ? /* @__PURE__ */ a(
-                    T,
+                    w,
                     {
                       sx: {
                         fontSize: 24,
@@ -4138,10 +4201,10 @@ const Jo = $(
                           fill: `${n.palette.primary.main} !important`
                         }
                       },
-                      children: /* @__PURE__ */ a(Je, {})
+                      children: /* @__PURE__ */ a(Fe, {})
                     }
                   ) : /* @__PURE__ */ a(
-                    io,
+                    ro,
                     {
                       sx: {
                         color: n.palette.error.main,
@@ -4150,7 +4213,7 @@ const Jo = $(
                     }
                   ),
                   /* @__PURE__ */ a(
-                    j,
+                    R,
                     {
                       variant: "body1",
                       sx: {
@@ -4161,7 +4224,7 @@ const Jo = $(
                     }
                   ),
                   /* @__PURE__ */ a(
-                    Y,
+                    U,
                     {
                       orientation: "vertical",
                       flexItem: !0,
@@ -4173,7 +4236,7 @@ const Jo = $(
                     }
                   ),
                   /* @__PURE__ */ a(
-                    j,
+                    R,
                     {
                       variant: "body2",
                       sx: {
@@ -4191,7 +4254,7 @@ const Jo = $(
       );
     }
   )
-), Fo = ut(ao, {
+), Bo = ut(so, {
   shouldForwardProp: (e) => e !== "selected"
 })(({ theme: e }) => {
   var t, o, r;
@@ -4221,10 +4284,10 @@ const Jo = $(
       }
     ]
   };
-}), Ci = (e) => {
+}), wi = (e) => {
   const { ref: t, ...o } = e;
   return /* @__PURE__ */ a(
-    Fo,
+    Bo,
     {
       ref: t,
       selected: e.selected,
@@ -4234,7 +4297,7 @@ const Jo = $(
     }
   );
 };
-function Bo(e) {
+function Lo(e) {
   const { children: t, value: o, index: r, ...i } = e;
   return /* @__PURE__ */ a(
     "div",
@@ -4244,11 +4307,11 @@ function Bo(e) {
       id: `tabpanel-${r}`,
       "aria-labelledby": `tab-${r}`,
       ...i,
-      children: o === r && /* @__PURE__ */ a(T, { children: t })
+      children: o === r && /* @__PURE__ */ a(w, { children: t })
     }
   );
 }
-function Lo({ children: e, ...t }) {
+function $o({ children: e, ...t }) {
   const {
     fullWidth: o,
     indicator: r,
@@ -4261,9 +4324,9 @@ function Lo({ children: e, ...t }) {
     variant: f,
     ...g
   } = t;
-  return /* @__PURE__ */ a(T, { ...g, children: e });
+  return /* @__PURE__ */ a(w, { ...g, children: e });
 }
-const wi = $(
+const Ti = $(
   J((e) => {
     const {
       items: t,
@@ -4272,21 +4335,21 @@ const wi = $(
       onTabChange: i,
       sx: n,
       ref: c
-    } = e, s = o !== void 0, [l, u] = B(r), f = s ? o : l;
-    D(() => {
+    } = e, s = o !== void 0, [l, u] = L(r), f = s ? o : l;
+    F(() => {
       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);
     };
     return /* @__PURE__ */ S(
-      T,
+      w,
       {
         ref: c,
         sx: { height: "100%", display: "flex", flexDirection: "column", ...n },
         children: [
           /* @__PURE__ */ a(
-            T,
+            w,
             {
               sx: {
                 px: 0,
@@ -4328,15 +4391,15 @@ const wi = $(
                     }
                   },
                   children: t.map((d, p) => {
-                    var w, C, M;
+                    var T, C, M;
                     const x = () => {
                       if (!d.badge) return;
-                      const k = d.badge.content, R = d.badge.max;
-                      return typeof k == "number" && R && k > R ? `${R}+` : k;
+                      const k = d.badge.content, j = d.badge.max;
+                      return typeof k == "number" && j && k > j ? `${j}+` : k;
                     }, y = () => {
                       if (!d.badge) return !1;
-                      const k = d.badge.content, R = d.badge.showZero;
-                      return !(k === 0 && !R);
+                      const k = d.badge.content, j = d.badge.showZero;
+                      return !(k === 0 && !j);
                     }, h = x(), m = y(), v = () => {
                       s || u(p), i == null || i(p);
                     }, b = /* @__PURE__ */ a(
@@ -4353,8 +4416,8 @@ const wi = $(
                           padding: "0px 10px",
                           borderRadius: "12px",
                           backgroundColor: (k) => {
-                            var R;
-                            return ((R = k.palette.backgroundPaperElevation) == null ? void 0 : R[11]) || "#32344B";
+                            var j;
+                            return ((j = k.palette.backgroundPaperElevation) == null ? void 0 : j[11]) || "#32344B";
                           },
                           color: "text.primary",
                           opacity: f === p ? 1 : 0.38,
@@ -4368,8 +4431,8 @@ const wi = $(
                           "&.Mui-selected": {
                             opacity: 1,
                             backgroundColor: (k) => {
-                              var R;
-                              return ((R = k.palette.backgroundPaperElevation) == null ? void 0 : R[11]) || "#32344B";
+                              var j;
+                              return ((j = k.palette.backgroundPaperElevation) == null ? void 0 : j[11]) || "#32344B";
                             },
                             color: "text.primary"
                           },
@@ -4384,15 +4447,15 @@ const wi = $(
                       d.id
                     );
                     return m ? /* @__PURE__ */ a(
-                      Lo,
+                      $o,
                       {
                         component: "span",
                         sx: { display: "inline-flex" },
                         children: /* @__PURE__ */ a(
-                          so,
+                          lo,
                           {
                             badgeContent: h,
-                            color: ((w = d.badge) == null ? void 0 : w.color) || "error",
+                            color: ((T = d.badge) == null ? void 0 : T.color) || "error",
                             max: (C = d.badge) == null ? void 0 : C.max,
                             showZero: (M = d.badge) == null ? void 0 : M.showZero,
                             anchorOrigin: {
@@ -4418,7 +4481,7 @@ const wi = $(
             }
           ),
           /* @__PURE__ */ a(
-            T,
+            w,
             {
               sx: {
                 mt: (d) => d.spacing(2),
@@ -4427,15 +4490,15 @@ const wi = $(
               }
             }
           ),
-          /* @__PURE__ */ a(T, { sx: { flex: 1, overflow: "auto" }, children: t.map((d, p) => /* @__PURE__ */ a(Bo, { value: f, index: p, children: d.content }, d.id)) })
+          /* @__PURE__ */ a(w, { sx: { flex: 1, overflow: "auto" }, children: t.map((d, p) => /* @__PURE__ */ a(Lo, { value: f, index: p, children: d.content }, d.id)) })
         ]
       }
     );
   })
-), $o = (e) => {
+), 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(":");
-}, Dt = (e, t) => {
+}, At = (e, t) => {
   const o = Math.floor(e / 86400), r = Math.floor(e % 86400 / 3600), i = Math.floor(e % 3600 / 60), n = e % 60;
   if (typeof Intl < "u" && "DurationFormat" in Intl)
     try {
@@ -4445,15 +4508,15 @@ const wi = $(
     }
   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(" ");
-}, zo = ({
+}, Vo = ({
   timerState: e,
   animationState: t,
   hasError: o,
   className: r
 }) => {
-  const { t: i } = V(), n = L(), { elapsedTime: c, currentProgress: s } = e, { showErrorAnimation: l, showPauseAnimation: u, showMainText: f } = t;
+  const { t: i } = z(), n = B(), { elapsedTime: c, currentProgress: s } = e, { showErrorAnimation: l, showPauseAnimation: u, showMainText: f } = t;
   return /* @__PURE__ */ S(
-    T,
+    w,
     {
       className: r,
       sx: {
@@ -4466,7 +4529,7 @@ const wi = $(
       },
       children: [
         /* @__PURE__ */ a(
-          lo,
+          co,
           {
             width: 264,
             height: 264,
@@ -4501,7 +4564,7 @@ const wi = $(
           }
         ),
         /* @__PURE__ */ a(
-          T,
+          w,
           {
             sx: {
               position: "absolute",
@@ -4521,7 +4584,7 @@ const wi = $(
               transition: "background-color 0.5s ease-out"
             },
             children: /* @__PURE__ */ S(
-              T,
+              w,
               {
                 sx: {
                   position: "relative",
@@ -4532,8 +4595,8 @@ const wi = $(
                   marginBottom: 0.5
                 },
                 children: [
-                  /* @__PURE__ */ a(U, { in: f && o, timeout: 200, children: /* @__PURE__ */ a(
-                    j,
+                  /* @__PURE__ */ a(H, { in: f && o, timeout: 200, children: /* @__PURE__ */ a(
+                    R,
                     {
                       variant: "h6",
                       sx: {
@@ -4545,8 +4608,8 @@ const wi = $(
                       children: i("timer.error")
                     }
                   ) }),
-                  /* @__PURE__ */ a(U, { in: f && !o, timeout: 300, children: /* @__PURE__ */ a(
-                    j,
+                  /* @__PURE__ */ a(H, { in: f && !o, timeout: 300, children: /* @__PURE__ */ a(
+                    R,
                     {
                       variant: "h1",
                       sx: {
@@ -4557,7 +4620,7 @@ const wi = $(
                         lineHeight: 1,
                         letterSpacing: "-0.5px"
                       },
-                      children: $o(c)
+                      children: zo(c)
                     }
                   ) })
                 ]
@@ -4568,16 +4631,16 @@ const wi = $(
       ]
     }
   );
-}, Vo = ({
+}, No = ({
   timerState: e,
   animationState: t,
   hasError: o,
   compact: r,
   className: i
 }) => {
-  const { t: n, i18n: c } = V(), s = L(), { elapsedTime: l, currentProgress: u } = e, { showErrorAnimation: f, showPauseAnimation: g } = t;
+  const { t: n, i18n: c } = z(), s = B(), { elapsedTime: l, currentProgress: u } = e, { showErrorAnimation: f, showPauseAnimation: g } = t;
   return r ? /* @__PURE__ */ a(
-    T,
+    w,
     {
       className: i,
       sx: {
@@ -4586,7 +4649,7 @@ const wi = $(
         m: 0
       },
       children: /* @__PURE__ */ a(
-        j,
+        R,
         {
           variant: "body2",
           sx: {
@@ -4594,12 +4657,12 @@ const wi = $(
             fontSize: "14px",
             transition: "color 0.5s ease-out"
           },
-          children: o ? n("timer.error") : Dt(l, c.language)
+          children: o ? n("timer.error") : At(l, c.language)
         }
       )
     }
   ) : /* @__PURE__ */ S(
-    T,
+    w,
     {
       className: i,
       sx: {
@@ -4610,7 +4673,7 @@ const wi = $(
       },
       children: [
         /* @__PURE__ */ a(
-          T,
+          w,
           {
             sx: {
               width: 20,
@@ -4669,7 +4732,7 @@ const wi = $(
           }
         ),
         /* @__PURE__ */ a(
-          j,
+          R,
           {
             variant: "body2",
             sx: {
@@ -4679,14 +4742,14 @@ const wi = $(
               letterSpacing: "normal",
               transition: "color 0.8s ease-in-out, font-size 0.3s ease-out, opacity 2s ease-in-out"
             },
-            children: o ? n("timer.error") : Dt(l, c.language)
+            children: o ? n("timer.error") : At(l, c.language)
           }
         )
       ]
     }
   );
-}, No = () => {
-  const [e, t] = B({
+}, Wo = () => {
+  const [e, t] = L({
     showPauseAnimation: !1,
     showErrorAnimation: !1,
     showMainText: !0
@@ -4694,17 +4757,17 @@ const wi = $(
     null
   ), r = A(
     null
-  ), i = A(null), n = P(() => {
+  ), i = A(null), n = _(() => {
     t((g) => ({ ...g, showPauseAnimation: !0 })), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
       t((g) => ({ ...g, showPauseAnimation: !1 }));
     }, 800);
-  }, []), c = P(() => {
+  }, []), c = _(() => {
     t((g) => ({ ...g, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
       t((g) => ({ ...g, showErrorAnimation: !1 }));
     }, 600);
-  }, []), s = P(() => {
+  }, []), s = _(() => {
     t((g) => ({ ...g, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
-  }, []), l = P(() => {
+  }, []), l = _(() => {
     t((g) => ({
       ...g,
       showMainText: !1
@@ -4714,12 +4777,12 @@ const wi = $(
         showMainText: !0
       }));
     }, 200);
-  }, []), u = P(() => {
+  }, []), u = _(() => {
     t((g) => ({
       ...g,
       showMainText: !0
     }));
-  }, []), f = P(() => {
+  }, []), f = _(() => {
     o.current && clearTimeout(o.current), r.current && clearTimeout(r.current), i.current && clearTimeout(i.current);
   }, []);
   return {
@@ -4731,14 +4794,14 @@ const wi = $(
     setInitialAnimationState: u,
     cleanup: f
   };
-}, Wo = ({
+}, Go = ({
   autoStart: e,
   hasError: t,
   onPauseAnimation: o,
   onErrorAnimation: r,
   onClearErrorAnimation: i
 }) => {
-  const [n, c] = B({
+  const [n, c] = L({
     elapsedTime: 0,
     isRunning: !1,
     isPausedState: !1,
@@ -4750,7 +4813,7 @@ const wi = $(
     onChange: ([m]) => {
       c((v) => ({ ...v, currentProgress: m }));
     }
-  }), d = P(
+  }), d = _(
     (m = 0) => {
       const v = m / 60 % 1 * 100;
       c((b) => ({
@@ -4761,11 +4824,11 @@ const wi = $(
       })), u.current = 0, f.current = v, g.setImmediate([v]), e ? (l.current = Date.now() - m * 1e3, c((b) => ({ ...b, isRunning: !0 }))) : l.current = null;
     },
     [e, g]
-  ), p = P(() => {
+  ), p = _(() => {
     if (l.current && n.isRunning) {
       const v = (Date.now() - l.current) / 1e3 + u.current, b = v / 60 % 1 * 100;
-      g.setTarget([b]), c((w) => ({
-        ...w,
+      g.setTarget([b]), c((T) => ({
+        ...T,
         elapsedTime: Math.floor(v)
       }));
     }
@@ -4774,13 +4837,13 @@ const wi = $(
       isRunning: !1,
       isPausedState: !0
     })), o();
-  }, [n.isRunning, g, o]), x = P(() => {
+  }, [n.isRunning, g, o]), x = _(() => {
     n.isPausedState && (u.current = n.elapsedTime, l.current = Date.now(), c((m) => ({
       ...m,
       isRunning: !0,
       isPausedState: !1
     })));
-  }, [n.isPausedState, n.elapsedTime]), y = P(() => {
+  }, [n.isPausedState, n.elapsedTime]), y = _(() => {
     c((m) => ({
       ...m,
       elapsedTime: 0,
@@ -4788,8 +4851,8 @@ const wi = $(
       isPausedState: !1,
       currentProgress: 0
     })), u.current = 0, l.current = null, f.current = 0, g.setImmediate([0]);
-  }, [g]), h = P(() => n.isPausedState, [n.isPausedState]);
-  return D(() => {
+  }, [g]), h = _(() => n.isPausedState, [n.isPausedState]);
+  return F(() => {
     t ? (n.isRunning && (c((m) => ({ ...m, wasRunningBeforeError: !0 })), p()), r()) : (n.wasRunningBeforeError && !n.isRunning && (c((m) => ({ ...m, wasRunningBeforeError: !1 })), x()), i());
   }, [
     t,
@@ -4799,17 +4862,17 @@ const wi = $(
     x,
     r,
     i
-  ]), D(() => {
+  ]), F(() => {
     if (n.isRunning) {
       const m = () => {
         if (l.current) {
-          const b = (Date.now() - l.current) / 1e3 + u.current, w = b / 60 % 1 * 100;
+          const b = (Date.now() - l.current) / 1e3 + u.current, T = b / 60 % 1 * 100;
           c((M) => ({
             ...M,
             elapsedTime: Math.floor(b)
           })), Math.abs(
-            w - f.current
-          ) > 0.1 && (g.setTarget([w]), f.current = w);
+            T - f.current
+          ) > 0.1 && (g.setTarget([T]), f.current = T);
         }
         s.current = requestAnimationFrame(m);
       };
@@ -4819,7 +4882,7 @@ const wi = $(
     return () => {
       s.current && (cancelAnimationFrame(s.current), s.current = null);
     };
-  }, [n.isRunning, g]), D(() => {
+  }, [n.isRunning, g]), F(() => {
     let m = null;
     const v = () => {
       g.update(), m = requestAnimationFrame(v);
@@ -4837,7 +4900,7 @@ const wi = $(
       isPaused: h
     }
   };
-}, Ti = $(
+}, Mi = $(
   J(
     ({
       onTimerReady: e,
@@ -4854,16 +4917,16 @@ const wi = $(
         clearErrorAnimation: u,
         setInitialAnimationState: f,
         cleanup: g
-      } = No(), { timerState: d, controls: p } = Wo({
+      } = Wo(), { timerState: d, controls: p } = Go({
         autoStart: t,
         hasError: n,
         onPauseAnimation: s,
         onErrorAnimation: l,
         onClearErrorAnimation: u
       });
-      return D(() => {
+      return F(() => {
         f();
-      }, [f]), D(() => {
+      }, [f]), F(() => {
         let x = !0;
         const y = setTimeout(() => {
           x && e(p);
@@ -4871,8 +4934,8 @@ const wi = $(
         return () => {
           x = !1, clearTimeout(y);
         };
-      }, [e, p]), D(() => g, [g]), o === "small" ? /* @__PURE__ */ a(
-        Vo,
+      }, [e, p]), F(() => g, [g]), o === "small" ? /* @__PURE__ */ a(
+        No,
         {
           timerState: d,
           animationState: c,
@@ -4881,7 +4944,7 @@ const wi = $(
           className: i
         }
       ) : /* @__PURE__ */ a(
-        zo,
+        Vo,
         {
           timerState: d,
           animationState: c,
@@ -4891,7 +4954,7 @@ const wi = $(
       );
     }
   )
-), Jt = 1e-4, Go = {
+), Jt = 1e-4, Uo = {
   a: 0,
   d: 0,
   alpha: 0,
@@ -4903,7 +4966,7 @@ class gt {
     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) => {
       var p;
       const d = (p = W(g.data)) == null ? void 0 : p.result;
-      d && F(() => {
+      d && D(() => {
         this.controllerState = d;
       });
     }), n.addEventListener("message", (g) => {
@@ -4917,17 +4980,17 @@ class gt {
         this.rapidlyChangingMotionState.joint_position,
         d.joint_position,
         Jt
-      ) || F(() => {
+      ) || D(() => {
         this.rapidlyChangingMotionState.joint_position = d.joint_position;
       }), Ht(
         this.rapidlyChangingMotionState,
         d,
         Jt
-      ) || F(() => {
+      ) || D(() => {
         this.rapidlyChangingMotionState.tcp_pose = d.tcp_pose;
-      }), d.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== d.tcp && F(() => {
+      }), d.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== d.tcp && D(() => {
         this.rapidlyChangingMotionState.tcp = d.tcp;
-      }), this.rapidlyChangingMotionState.standstill !== d.standstill && F(() => {
+      }), this.rapidlyChangingMotionState.standstill !== d.standstill && D(() => {
         this.rapidlyChangingMotionState.standstill = d.standstill;
       });
     }), mt(this);
@@ -4966,11 +5029,11 @@ class gt {
       i,
       c.motion_group
     ), p = Object.entries(d.tcps || {}).map(
-      ([b, w]) => ({
+      ([b, T]) => ({
         id: b,
-        readable_name: w.name,
-        position: w.pose.position,
-        orientation: w.pose.orientation
+        readable_name: T.name,
+        position: T.pose.position,
+        orientation: T.pose.orientation
       })
     ), x = t.openReconnectingWebsocket(
       `/controllers/${n.controller}/state-stream?response_rate=1000`
@@ -5018,7 +5081,7 @@ class gt {
   get dhParameters() {
     if (this.description.dh_parameters !== void 0)
       return this.description.dh_parameters.map((t) => ({
-        ...Go,
+        ...Uo,
         ...t
       }));
   }
@@ -5087,18 +5150,18 @@ class gt {
       console.error("Tried to deactivate while already deactivating");
       return;
     }
-    F(() => {
+    D(() => {
       this.activationState = "deactivating";
     });
     try {
       await this.nova.api.controller.setDefaultMode(
         this.controllerId,
         "ROBOT_SYSTEM_MODE_MONITOR"
-      ), F(() => {
+      ), D(() => {
         this.activationState = "inactive";
       });
     } catch (t) {
-      throw F(() => {
+      throw D(() => {
         this.activationState = "active";
       }), t;
     }
@@ -5108,18 +5171,18 @@ class gt {
       console.error("Tried to activate while already activating");
       return;
     }
-    F(() => {
+    D(() => {
       this.activationState = "activating";
     });
     try {
       await this.nova.api.controller.setDefaultMode(
         this.controllerId,
         "ROBOT_SYSTEM_MODE_CONTROL"
-      ), F(() => {
+      ), D(() => {
         this.activationState = "active";
       });
     } catch (t) {
-      throw F(() => {
+      throw D(() => {
         this.activationState = "inactive";
       }), t;
     }
@@ -5134,7 +5197,7 @@ class gt {
     this.joggingVelocity = t;
   }
 }
-function Kt() {
+function te() {
   var t, o, r, i, n, c;
   const e = Ft({
     palette: {
@@ -5473,52 +5536,52 @@ function Kt() {
     }
   };
 }
-function Uo() {
-  const e = Kt();
+function Ho() {
+  const e = te();
   return e.palette.mode = "light", e;
 }
-function Mi(e) {
+function Ii(e) {
   var r, i, 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() : Uo();
+  const o = t ? te() : Ho();
   return Ft(o, e);
 }
 export {
-  di as A,
-  gi as C,
+  gi as A,
+  ui as C,
   bt as J,
-  Oo as L,
+  Do as L,
   ht as M,
-  Si as N,
-  pi as P,
-  vi as R,
-  Ci as S,
-  wi as T,
-  jo as V,
-  bo as W,
-  _t as a,
-  xo as b,
-  Mi as c,
-  ui as d,
-  mi as e,
-  vo as f,
-  Co as g,
-  yi as h,
+  vi as N,
+  mi as P,
+  Ci as R,
+  wi as S,
+  Ti as T,
+  Eo as V,
+  xo as W,
+  Pt as a,
+  yo as b,
+  Ii as c,
+  pi as d,
+  hi as e,
+  Co as f,
+  wo as g,
+  Si as h,
   st as i,
-  hi as j,
-  fi as k,
-  bi as l,
-  xi as m,
+  fi as j,
+  bi as k,
+  xi as l,
+  yi as m,
   Ao as n,
-  Xt as o,
-  Jo as p,
-  Ti as q,
+  Kt as o,
+  Fo as p,
+  Mi as q,
   Yt as r,
   gt as s,
   ft as t,
   Ut as u,
-  yo as v,
+  So as v,
   Ht as w,
-  So as x
+  vo as x
 };