@wandelbots/wandelbots-js-react-components 5.6.0 → 5.6.1-pr.dev-new-nova-js-client.614.87ed9a2

package/dist/chunks/{theming-BzdFBdeq.js → theming-CDIQLLiN.js}

@@ -26,7 +26,7 @@ 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 ye, poseToWandelscriptString as Se } from "@wandelbots/nova-js/v2";
+import { JointTypeEnum as G, Nova 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";
@@ -85,12 +85,12 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
       onAppSelect: i,
       disabled: n = !1,
       sx: c
-    } = e, [s, l] = L(null), u = !!s, f = (p) => {
-      l(p.currentTarget);
-    }, g = () => {
+    } = e, [s, l] = L(null), d = !!s, m = (g) => {
+      l(g.currentTarget);
+    }, u = () => {
       l(null);
-    }, d = (p) => {
-      g(), p.onClick ? p.onClick() : p.href && (window.location.href = p.href), i == null || i(p);
+    }, p = (g) => {
+      u(), g.onClick ? g.onClick() : g.href && (window.location.href = g.href), i == null || i(g);
     };
     return /* @__PURE__ */ S(et, { children: [
       /* @__PURE__ */ a(
@@ -127,7 +127,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                   "aria-label": "switch app",
                   "aria-controls": "app-menu",
                   "aria-haspopup": "true",
-                  onClick: f,
+                  onClick: m,
                   disabled: n,
                   sx: {
                     ml: 1,
@@ -135,10 +135,10 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                     height: 28,
                     borderRadius: "6px",
                     padding: 0,
-                    backgroundColor: (p) => Mt(p.palette.common.white, 0.1),
+                    backgroundColor: (g) => Mt(g.palette.common.white, 0.1),
                     opacity: 1,
                     "&:hover": {
-                      backgroundColor: (p) => Mt(p.palette.common.white, 0.16)
+                      backgroundColor: (g) => Mt(g.palette.common.white, 0.16)
                     },
                     "& .MuiSvgIcon-root": {
                       fontSize: "8px",
@@ -156,12 +156,12 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
       /* @__PURE__ */ a(
         Bt,
         {
-          open: u,
-          onClick: g,
+          open: d,
+          onClick: u,
           sx: {
             backdropFilter: "blur(4px)",
             backgroundColor: "rgba(0, 0, 0, 0.3)",
-            zIndex: (p) => p.zIndex.modal - 1
+            zIndex: (g) => g.zIndex.modal - 1
           }
         }
       ),
@@ -170,8 +170,8 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
         {
           id: "app-menu",
           anchorEl: s,
-          open: u,
-          onClose: g,
+          open: d,
+          onClose: u,
           anchorOrigin: {
             vertical: "bottom",
             horizontal: "left"
@@ -181,16 +181,16 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
             horizontal: "left"
           },
           sx: {
-            zIndex: (p) => p.zIndex.modal,
+            zIndex: (g) => g.zIndex.modal,
             "& .MuiPaper-root": {
               minWidth: 200,
               mt: 1
             }
           },
-          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))
+          children: r.map((g) => /* @__PURE__ */ S(Y, { onClick: () => p(g), children: [
+            /* @__PURE__ */ a(w, { sx: { display: "flex", alignItems: "center" }, children: g.icon }),
+            /* @__PURE__ */ a(R, { variant: "body1", sx: { ml: 2 }, children: g.name })
+          ] }, g.id))
         }
       )
     ] });
@@ -214,14 +214,14 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
   hasError: o,
   className: r
 }) => {
-  const { t: i, i18n: n } = z(), c = B(), { currentState: s, remainingTime: l, maxTime: u, currentProgress: f } = e, {
-    showErrorAnimation: g,
-    showPauseAnimation: d,
-    showPulsatingText: p,
-    pulsatingFinished: x,
+  const { t: i, i18n: n } = z(), c = B(), { currentState: s, remainingTime: l, maxTime: d, currentProgress: m } = e, {
+    showErrorAnimation: u,
+    showPauseAnimation: p,
+    showPulsatingText: g,
+    pulsatingFinished: f,
     showLabels: y,
-    showMainText: h,
-    showIdlePulsating: m,
+    showMainText: b,
+    showIdlePulsating: h,
     idleDotsCount: v
   } = t;
   return /* @__PURE__ */ S(
@@ -242,7 +242,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
           {
             width: 264,
             height: 264,
-            value: s === "idle" ? 0 : f,
+            value: s === "idle" ? 0 : m,
             valueMin: 0,
             valueMax: 100,
             innerRadius: "85%",
@@ -251,7 +251,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
             skipAnimation: !0,
             text: () => "",
             sx: {
-              opacity: d || g ? 0.6 : 1,
+              opacity: p || u ? 0.6 : 1,
               transition: "opacity 0.5s ease-out",
               "& .MuiGauge-valueArc": {
                 fill: o ? c.palette.error.light : c.palette.success.main,
@@ -314,14 +314,14 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                           variant: "body2",
                           sx: {
                             fontSize: "12px",
-                            color: s === "measured" && (p || x) ? c.palette.success.main : c.palette.text.secondary,
+                            color: s === "measured" && (g || f) ? c.palette.success.main : c.palette.text.secondary,
                             transition: "color 0.8s ease-in-out"
                           },
                           children: /* @__PURE__ */ a(
                             "span",
                             {
                               style: {
-                                opacity: s === "measured" && x ? p ? 1 : 0.6 : 1,
+                                opacity: s === "measured" && f ? g ? 1 : 0.6 : 1,
                                 transition: "opacity 2s ease-in-out"
                               },
                               children: s === "measuring" || s === "measured" ? i("CycleTimer.CycleTime.lb", "Cycle Time") : s === "countdown" ? i("CycleTimer.RemainingTime.lb", "Remaining Time") : ""
@@ -348,7 +348,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                     /* @__PURE__ */ a(
                       H,
                       {
-                        in: h && s === "idle" && !o,
+                        in: b && s === "idle" && !o,
                         timeout: 200,
                         children: /* @__PURE__ */ S(
                           R,
@@ -373,7 +373,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                                 "span",
                                 {
                                   style: {
-                                    opacity: m ? 1 : 0.6,
+                                    opacity: h ? 1 : 0.6,
                                     transition: "opacity 2s ease-in-out"
                                   },
                                   children: i(
@@ -389,7 +389,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                                     display: "inline-block",
                                     width: "18px",
                                     textAlign: "left",
-                                    opacity: m ? 1 : 0.6,
+                                    opacity: h ? 1 : 0.6,
                                     transition: "opacity 2s ease-in-out"
                                   },
                                   children: ".".repeat(v)
@@ -400,7 +400,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                         )
                       }
                     ),
-                    /* @__PURE__ */ a(H, { in: h && o, timeout: 200, children: /* @__PURE__ */ a(
+                    /* @__PURE__ */ a(H, { in: b && o, timeout: 200, children: /* @__PURE__ */ a(
                       R,
                       {
                         variant: "h3",
@@ -417,7 +417,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                     /* @__PURE__ */ a(
                       H,
                       {
-                        in: h && !o && s !== "idle" && s !== "success",
+                        in: b && !o && s !== "idle" && s !== "success",
                         timeout: 300,
                         children: /* @__PURE__ */ a(
                           R,
@@ -469,18 +469,18 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                           variant: "body2",
                           sx: {
                             fontSize: "12px",
-                            color: s === "measured" && (p || x) ? c.palette.success.main : c.palette.text.secondary,
+                            color: s === "measured" && (g || f) ? c.palette.success.main : c.palette.text.secondary,
                             transition: "color 0.8s ease-in-out"
                           },
                           children: /* @__PURE__ */ a(
                             "span",
                             {
                               style: {
-                                opacity: s === "measured" && x ? p ? 1 : 0.6 : 1,
+                                opacity: s === "measured" && f ? g ? 1 : 0.6 : 1,
                                 transition: "opacity 2s ease-in-out"
                               },
-                              children: s === "measuring" ? i("CycleTimer.Measuring.lb", "measuring...") : s === "measured" ? i("CycleTimer.Determined.lb", "determined") : s === "countdown" && u !== null ? i("CycleTimer.OfTime.lb", {
-                                time: N(u, n.language)
+                              children: s === "measuring" ? i("CycleTimer.Measuring.lb", "measuring...") : s === "measured" ? i("CycleTimer.Determined.lb", "determined") : s === "countdown" && d !== null ? i("CycleTimer.OfTime.lb", {
+                                time: N(d, n.language)
                               }) : ""
                             }
                           )
@@ -503,13 +503,13 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
   compact: r,
   className: i
 }) => {
-  const { t: n, i18n: c } = z(), s = B(), { currentState: l, remainingTime: u, maxTime: f } = e, {
-    showErrorAnimation: g,
-    showPauseAnimation: d,
-    showPulsatingText: p,
-    pulsatingFinished: x,
+  const { t: n, i18n: c } = z(), s = B(), { currentState: l, remainingTime: d, maxTime: m } = e, {
+    showErrorAnimation: u,
+    showPauseAnimation: p,
+    showPulsatingText: g,
+    pulsatingFinished: f,
     showIdlePulsating: y,
-    idleDotsCount: h
+    idleDotsCount: b
   } = t;
   return r && l === "idle" ? /* @__PURE__ */ a(
     w,
@@ -529,7 +529,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
             fontSize: "14px",
             transition: "color 0.5s ease-out"
           },
-          children: o ? n("CycleTimer.Error.lb", "Error") : l === "idle" ? "0s" : N(u, c.language)
+          children: o ? n("CycleTimer.Error.lb", "Error") : l === "idle" ? "0s" : N(d, c.language)
         }
       )
     }
@@ -553,7 +553,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              opacity: d || g ? 0.6 : 1,
+              opacity: p || u ? 0.6 : 1,
               transition: "opacity 0.5s ease-out"
             },
             children: /* @__PURE__ */ S(
@@ -573,9 +573,9 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                       cy: "10",
                       r: "8",
                       fill: "none",
-                      stroke: o ? s.palette.error.light : l === "measured" ? p || x ? s.palette.success.main : s.palette.text.secondary : s.palette.success.main,
+                      stroke: o ? s.palette.error.light : l === "measured" ? g || f ? s.palette.success.main : s.palette.text.secondary : s.palette.success.main,
                       strokeWidth: "2",
-                      opacity: l === "measured" && x ? p ? 1 : 0.6 : 0.3,
+                      opacity: l === "measured" && f ? g ? 1 : 0.6 : 0.3,
                       style: {
                         transition: "stroke 0.8s ease-in-out, opacity 2s ease-in-out"
                       }
@@ -588,13 +588,13 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                       cy: "10",
                       r: "8",
                       fill: "none",
-                      stroke: o ? s.palette.error.light : l === "measured" ? p || x ? s.palette.success.main : s.palette.text.secondary : s.palette.success.main,
+                      stroke: o ? s.palette.error.light : l === "measured" ? g || f ? s.palette.success.main : s.palette.text.secondary : s.palette.success.main,
                       strokeWidth: "2",
                       strokeLinecap: "round",
                       strokeDasharray: `${2 * Math.PI * 8}`,
                       strokeDashoffset: `${2 * Math.PI * 8 * (1 - (l === "idle" ? 0 : e.currentProgress) / 100)}`,
                       style: {
-                        opacity: l === "measured" && x ? p ? 1 : 0.6 : 1,
+                        opacity: l === "measured" && f ? g ? 1 : 0.6 : 1,
                         transition: "stroke-dashoffset 0.1s ease-out, stroke 0.8s ease-in-out, opacity 2s ease-in-out"
                       }
                     }
@@ -609,11 +609,11 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
           {
             variant: "body2",
             sx: {
-              color: o ? s.palette.error.light : l === "idle" ? "rgba(255, 255, 255, 0.7)" : l === "measured" ? p || x ? s.palette.success.main : s.palette.text.secondary : s.palette.text.primary,
+              color: o ? s.palette.error.light : l === "idle" ? "rgba(255, 255, 255, 0.7)" : l === "measured" ? g || f ? s.palette.success.main : s.palette.text.secondary : s.palette.text.primary,
               fontSize: "14px",
               lineHeight: "normal",
               letterSpacing: "normal",
-              opacity: l === "idle" ? y ? 1 : 0.6 : l === "measured" && x ? p ? 1 : 0.6 : 1,
+              opacity: l === "idle" ? y ? 1 : 0.6 : l === "measured" && f ? g ? 1 : 0.6 : 1,
               transition: "color 0.8s ease-in-out, font-size 0.3s ease-out, opacity 2s ease-in-out"
             },
             children: o ? n("CycleTimer.Error.lb", "Error") : l === "idle" ? /* @__PURE__ */ S(et, { children: [
@@ -626,10 +626,10 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                     width: "18px",
                     textAlign: "left"
                   },
-                  children: ".".repeat(h)
+                  children: ".".repeat(b)
                 }
               )
-            ] }) : l === "measuring" ? r ? N(u, c.language) : `${N(u, c.language)} / ${n("CycleTimer.Measuring.lb", "measuring...")}` : l === "measured" ? r ? N(u, c.language) : `${N(u, c.language)} / ${n("CycleTimer.Determined.lb", "determined")}` : l === "countdown" && f !== null ? r ? N(u, c.language) : `${N(u, c.language)} / ${n("CycleTimer.Time.lb", { time: N(f, c.language) })}` : N(u, c.language)
+            ] }) : l === "measuring" ? r ? N(d, c.language) : `${N(d, c.language)} / ${n("CycleTimer.Measuring.lb", "measuring...")}` : l === "measured" ? r ? N(d, c.language) : `${N(d, c.language)} / ${n("CycleTimer.Determined.lb", "determined")}` : l === "countdown" && m !== null ? r ? N(d, c.language) : `${N(d, c.language)} / ${n("CycleTimer.Time.lb", { time: N(m, c.language) })}` : N(d, c.language)
           }
         )
       ]
@@ -653,17 +653,17 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
     null
   ), n = A(null), c = A(0), s = A(null), l = A(
     null
-  ), u = _(() => {
-    t((b) => ({ ...b, showPauseAnimation: !0 })), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
-      t((b) => ({ ...b, showPauseAnimation: !1 }));
+  ), d = _(() => {
+    t((x) => ({ ...x, showPauseAnimation: !0 })), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+      t((x) => ({ ...x, showPauseAnimation: !1 }));
     }, 800);
-  }, []), f = _(() => {
-    t((b) => ({ ...b, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
-      t((b) => ({ ...b, showErrorAnimation: !1 }));
+  }, []), m = _(() => {
+    t((x) => ({ ...x, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+      t((x) => ({ ...x, showErrorAnimation: !1 }));
     }, 600);
-  }, []), g = _(() => {
-    t((b) => ({ ...b, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
-  }, []), d = _((b) => {
+  }, []), u = _(() => {
+    t((x) => ({ ...x, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
+  }, []), p = _((x) => {
     c.current = 0, t((T) => ({
       ...T,
       showPulsatingText: !0,
@@ -678,51 +678,51 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
           ...T,
           showPulsatingText: !T.showPulsatingText
         }));
-      }, 2e3), b && b();
+      }, 2e3), x && x();
     }, 800);
-  }, []), p = _(() => {
-    i.current && (clearInterval(i.current), i.current = null), t((b) => ({
-      ...b,
+  }, []), g = _(() => {
+    i.current && (clearInterval(i.current), i.current = null), t((x) => ({
+      ...x,
       showPulsatingText: !1,
       pulsatingFinished: !1
     })), c.current = 0;
-  }, []), x = _(() => {
-    t((b) => ({
-      ...b,
+  }, []), f = _(() => {
+    t((x) => ({
+      ...x,
       showIdlePulsating: !0
     })), s.current = setInterval(() => {
-      t((b) => ({
-        ...b,
-        showIdlePulsating: !b.showIdlePulsating
+      t((x) => ({
+        ...x,
+        showIdlePulsating: !x.showIdlePulsating
       }));
     }, 2e3), l.current = setInterval(() => {
-      t((b) => ({
-        ...b,
-        idleDotsCount: (b.idleDotsCount + 1) % 4
+      t((x) => ({
+        ...x,
+        idleDotsCount: (x.idleDotsCount + 1) % 4
         // Cycle through 0, 1, 2, 3
       }));
     }, 800);
   }, []), y = _(() => {
-    s.current && (clearInterval(s.current), s.current = null), l.current && (clearInterval(l.current), l.current = null), t((b) => ({
-      ...b,
+    s.current && (clearInterval(s.current), s.current = null), l.current && (clearInterval(l.current), l.current = null), t((x) => ({
+      ...x,
       showIdlePulsating: !1,
       idleDotsCount: 0
     }));
-  }, []), h = _(() => {
-    t((b) => ({
-      ...b,
+  }, []), b = _(() => {
+    t((x) => ({
+      ...x,
       showLabels: !1,
       showMainText: !1
     })), n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-      t((b) => ({
-        ...b,
+      t((x) => ({
+        ...x,
         showLabels: !0,
         showMainText: !0
       }));
     }, 200);
-  }, []), m = _(() => {
-    t((b) => ({
-      ...b,
+  }, []), h = _(() => {
+    t((x) => ({
+      ...x,
       showLabels: !0,
       showMainText: !0
     }));
@@ -731,15 +731,15 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
   }, []);
   return {
     animationState: e,
-    triggerPauseAnimation: u,
-    triggerErrorAnimation: f,
-    clearErrorAnimation: g,
-    startPulsatingAnimation: d,
-    stopPulsatingAnimation: p,
-    startIdleAnimations: x,
+    triggerPauseAnimation: d,
+    triggerErrorAnimation: m,
+    clearErrorAnimation: u,
+    startPulsatingAnimation: p,
+    stopPulsatingAnimation: g,
+    startIdleAnimations: f,
     stopIdleAnimations: y,
-    triggerFadeTransition: h,
-    setInitialAnimationState: m,
+    triggerFadeTransition: b,
+    setInitialAnimationState: h,
     cleanup: v
   };
 }, bo = ({
@@ -752,7 +752,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
   onClearErrorAnimation: c,
   onStartPulsating: s
 }) => {
-  const [l, u] = L({
+  const [l, d] = L({
     currentState: "idle",
     remainingTime: 0,
     maxTime: null,
@@ -760,14 +760,14 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
     isPausedState: !1,
     currentProgress: 0,
     wasRunningBeforeError: !1
-  }), f = A(null), g = A(null), d = A(0), [p] = $t([0], {
+  }), m = A(null), u = A(null), p = A(0), [g] = $t([0], {
     tension: 80,
     friction: 18,
     onChange: ([C]) => {
-      u((M) => ({ ...M, currentProgress: C }));
+      d((M) => ({ ...M, currentProgress: C }));
     }
-  }), x = _(() => {
-    u((C) => ({
+  }), f = _(() => {
+    d((C) => ({
       ...C,
       currentState: "idle",
       maxTime: null,
@@ -776,11 +776,11 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
       isPausedState: !1,
       currentProgress: 0
       // Reset progress to 0 for gauge
-    })), d.current = 0, g.current = null, p.setImmediate([0]);
-  }, [p]), y = _(
+    })), p.current = 0, u.current = null, g.setImmediate([0]);
+  }, [g]), y = _(
     (C = 0) => {
       const M = C / 60 % 1 * 100;
-      u((k) => ({
+      d((k) => ({
         ...k,
         currentState: "measuring",
         maxTime: null,
@@ -788,48 +788,48 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
         isPausedState: !1,
         currentProgress: M
         // Immediately set progress
-      })), d.current = 0, p.setImmediate([M]), e ? (g.current = Date.now() - C * 1e3, u((k) => ({ ...k, isRunning: !0 }))) : g.current = null;
+      })), p.current = 0, g.setImmediate([M]), e ? (u.current = Date.now() - C * 1e3, d((k) => ({ ...k, isRunning: !0 }))) : u.current = null;
     },
-    [e, p]
-  ), h = _(
+    [e, g]
+  ), b = _(
     (C, M = 0) => {
-      u((I) => ({ ...I, isRunning: !1 })), g.current = null, u((I) => ({
+      d((I) => ({ ...I, isRunning: !1 })), u.current = null, d((I) => ({
         ...I,
         currentState: "countdown",
         maxTime: C,
         isPausedState: !1
-      })), d.current = 0;
+      })), p.current = 0;
       const k = Math.max(0, C - M), j = M > 0 ? M / C * 100 : 0;
-      u((I) => ({
+      d((I) => ({
         ...I,
         remainingTime: k,
         currentProgress: j
         // Immediately set progress
-      })), 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;
+      })), g.setImmediate([j]), k === 0 ? (d((I) => ({ ...I, isRunning: !1 })), u.current = null, t && queueMicrotask(() => t())) : e ? setTimeout(() => {
+        u.current = Date.now() - M * 1e3, d((I) => ({ ...I, isRunning: !0 }));
+      }, 0) : u.current = null;
     },
-    [e, t, p]
-  ), m = _(() => {
-    u((C) => ({
+    [e, t, g]
+  ), h = _(() => {
+    d((C) => ({
       ...C,
       isRunning: !1,
       currentState: "measured"
-    })), g.current = null, s(() => {
+    })), u.current = null, s(() => {
       o && o();
     });
   }, [s, o]), v = _(() => {
-    if (g.current && l.isRunning) {
-      const M = Date.now() - g.current;
-      d.current += M;
-      const k = d.current / 1e3, j = po(
+    if (u.current && l.isRunning) {
+      const M = Date.now() - u.current;
+      p.current += M;
+      const k = p.current / 1e3, j = po(
         l.currentState,
         k,
         l.maxTime
       );
-      p.setTarget([j]);
+      g.setTarget([j]);
     }
-    u((C) => ({
+    d((C) => ({
       ...C,
       isRunning: !1,
       isPausedState: !0
@@ -838,10 +838,10 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
     l.isRunning,
     l.currentState,
     l.maxTime,
-    p,
+    g,
     i
-  ]), b = _(() => {
-    l.isPausedState && (l.remainingTime > 0 || l.currentState !== "countdown") && (g.current = Date.now(), u((C) => ({
+  ]), x = _(() => {
+    l.isPausedState && (l.remainingTime > 0 || l.currentState !== "countdown") && (u.current = Date.now(), d((C) => ({
       ...C,
       isRunning: !0,
       isPausedState: !1
@@ -852,76 +852,76 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
     l.currentState
   ]), 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 ? (l.isRunning && !l.isPausedState && (d((C) => ({ ...C, wasRunningBeforeError: !0 })), v()), n()) : (l.wasRunningBeforeError && l.isPausedState && (d((C) => ({ ...C, wasRunningBeforeError: !1 })), x()), c());
   }, [
     r,
     l.isRunning,
     l.isPausedState,
     l.wasRunningBeforeError,
     v,
-    b,
+    x,
     n,
     c
   ]), F(() => {
     if (l.isRunning) {
       const C = () => {
-        if (g.current) {
-          const k = (Date.now() - g.current + d.current) / 1e3;
+        if (u.current) {
+          const k = (Date.now() - u.current + p.current) / 1e3;
           if (l.currentState === "countdown" && l.maxTime !== null) {
             const j = Math.max(0, l.maxTime - k);
-            u((E) => ({
+            d((E) => ({
               ...E,
               remainingTime: Math.ceil(j)
             }));
             const I = Math.min(100, k / l.maxTime * 100);
-            if (p.setTarget([I]), j <= 0) {
-              u((E) => ({
+            if (g.setTarget([I]), j <= 0) {
+              d((E) => ({
                 ...E,
                 isRunning: !1,
                 remainingTime: 0
-              })), g.current = null, p.setTarget([100]), t && queueMicrotask(() => t());
+              })), u.current = null, g.setTarget([100]), t && queueMicrotask(() => t());
               return;
             }
           } else if (l.currentState === "measuring") {
-            u((I) => ({
+            d((I) => ({
               ...I,
               remainingTime: Math.floor(k)
             }));
             const j = k / 60 % 1 * 100;
-            p.setTarget([j]);
+            g.setTarget([j]);
           }
-          l.isRunning && (f.current = requestAnimationFrame(C));
+          l.isRunning && (m.current = requestAnimationFrame(C));
         }
       };
-      f.current = requestAnimationFrame(C);
+      m.current = requestAnimationFrame(C);
     } else
-      f.current && (cancelAnimationFrame(f.current), f.current = null);
+      m.current && (cancelAnimationFrame(m.current), m.current = null);
     return () => {
-      f.current && cancelAnimationFrame(f.current);
+      m.current && cancelAnimationFrame(m.current);
     };
   }, [
     l.isRunning,
     t,
     l.currentState,
     l.maxTime,
-    p
+    g
   ]), F(() => {
     let C = null;
     const M = () => {
-      p.update(1 / 60), C = requestAnimationFrame(M);
+      g.update(1 / 60), C = requestAnimationFrame(M);
     };
     return C = requestAnimationFrame(M), () => {
       C && cancelAnimationFrame(C);
     };
-  }, [p]), {
+  }, [g]), {
     timerState: l,
     controls: {
-      startNewCycle: h,
+      startNewCycle: b,
       startMeasuring: y,
-      setIdle: x,
-      completeMeasuring: m,
+      setIdle: f,
+      completeMeasuring: h,
       pause: v,
-      resume: b,
+      resume: x,
       isPaused: T
     }
   };
@@ -938,36 +938,36 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
       hasError: s = !1
     }) => {
       const l = A(void 0), {
-        animationState: u,
-        triggerPauseAnimation: f,
-        triggerErrorAnimation: g,
-        clearErrorAnimation: d,
-        startPulsatingAnimation: p,
-        stopPulsatingAnimation: x,
+        animationState: d,
+        triggerPauseAnimation: m,
+        triggerErrorAnimation: u,
+        clearErrorAnimation: p,
+        startPulsatingAnimation: g,
+        stopPulsatingAnimation: f,
         startIdleAnimations: y,
-        stopIdleAnimations: h,
-        triggerFadeTransition: m,
+        stopIdleAnimations: b,
+        triggerFadeTransition: h,
         setInitialAnimationState: v,
-        cleanup: b
+        cleanup: x
       } = fo(), { timerState: T, controls: C } = bo({
         autoStart: r,
         onCycleEnd: t,
         onMeasuringComplete: o,
         hasError: s,
-        onPauseAnimation: f,
-        onErrorAnimation: g,
-        onClearErrorAnimation: d,
-        onStartPulsating: p
+        onPauseAnimation: m,
+        onErrorAnimation: u,
+        onClearErrorAnimation: p,
+        onStartPulsating: g
       });
       return F(() => {
         const M = l.current;
-        l.current !== void 0 && M !== T.currentState ? (M === "measured" && x(), M === "idle" && h(), m()) : v(), T.currentState === "idle" && y(), l.current = T.currentState;
+        l.current !== void 0 && M !== T.currentState ? (M === "measured" && f(), M === "idle" && b(), h()) : v(), T.currentState === "idle" && y(), l.current = T.currentState;
       }, [
         T.currentState,
-        x,
-        h,
+        f,
+        b,
         y,
-        m,
+        h,
         v
       ]), F(() => {
         let M = !0;
@@ -977,11 +977,11 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
         return () => {
           M = !1, clearTimeout(k);
         };
-      }, [e, C]), F(() => b, [b]), i === "small" ? /* @__PURE__ */ a(
+      }, [e, C]), F(() => x, [x]), i === "small" ? /* @__PURE__ */ a(
         ho,
         {
           timerState: T,
-          animationState: u,
+          animationState: d,
           hasError: s,
           compact: n,
           className: c
@@ -990,7 +990,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
         mo,
         {
           timerState: T,
-          animationState: u,
+          animationState: d,
           hasError: s,
           className: c
         }
@@ -1009,25 +1009,25 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
       title: c,
       showCount: s = !0,
       searchPlaceholder: l = "Search programs",
-      dataGridProps: u,
-      CustomToolbar: f,
-      selectFirstByDefault: g = !1,
-      sx: d
+      dataGridProps: d,
+      CustomToolbar: m,
+      selectFirstByDefault: u = !1,
+      sx: p
     }) => {
       var j;
-      const p = B(), x = ce(), y = A(null), [h, m] = L(null), v = rt(() => e.map(o), [e, o]);
+      const g = B(), f = ce(), y = A(null), [b, h] = L(null), v = rt(() => e.map(o), [e, o]);
       F(() => {
-        x.current && v.length > 0 && x.current.autosizeColumns({
+        f.current && v.length > 0 && f.current.autosizeColumns({
           includeOutliers: !0,
           includeHeaders: !0,
           expand: !0,
           columns: t.map((I) => I.field)
         });
-      }, [v, t, x]), F(() => {
-        if (!y.current || !x.current) return;
+      }, [v, t, f]), F(() => {
+        if (!y.current || !f.current) return;
         const I = new ResizeObserver(() => {
           setTimeout(() => {
-            x.current && v.length > 0 && x.current.autosizeColumns({
+            f.current && v.length > 0 && f.current.autosizeColumns({
               includeOutliers: !0,
               includeHeaders: !0,
               expand: !0,
@@ -1038,21 +1038,21 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
         return I.observe(y.current), () => {
           I.disconnect();
         };
-      }, [x, v.length, t]);
-      const b = rt(() => {
+      }, [f, v.length, t]);
+      const x = rt(() => {
         if (i !== void 0)
           return i;
-        if (h !== null)
-          return h;
-        if (g && e.length > 0) {
+        if (b !== null)
+          return b;
+        if (u && e.length > 0) {
           const I = e[0];
-          return m(I), I;
+          return h(I), I;
         }
         return null;
-      }, [g, e, i, h]), T = (I) => {
+      }, [u, e, i, b]), 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]);
+        E && (i === void 0 && h(E), r && r(E, I));
+      }, C = rt(() => !x || !n ? null : n(x), [x, n]);
       function M() {
         return /* @__PURE__ */ a(ge, { children: /* @__PURE__ */ S(
           w,
@@ -1288,7 +1288,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
           }
         ) });
       }
-      const k = f || M;
+      const k = m || M;
       return /* @__PURE__ */ a(
         w,
         {
@@ -1307,7 +1307,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
             },
             "&:hover *": {
               scrollbarWidth: "thin",
-              scrollbarColor: `${p.palette.divider} transparent`,
+              scrollbarColor: `${g.palette.divider} transparent`,
               "&::-webkit-scrollbar": {
                 display: "block",
                 width: "8px",
@@ -1317,19 +1317,19 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                 background: "transparent"
               },
               "&::-webkit-scrollbar-thumb": {
-                background: p.palette.divider,
+                background: g.palette.divider,
                 borderRadius: "4px"
               },
               "&::-webkit-scrollbar-thumb:hover": {
-                background: p.palette.action.hover
+                background: g.palette.action.hover
               }
             },
-            ...d
+            ...p
           },
           children: /* @__PURE__ */ a(
             de,
             {
-              apiRef: x,
+              apiRef: f,
               rows: v,
               columns: t,
               onRowClick: T,
@@ -1353,19 +1353,19 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                     items: []
                   }
                 },
-                ...u == null ? void 0 : u.initialState
+                ...d == null ? void 0 : d.initialState
               },
-              ...u,
+              ...d,
               autosizeOnMount: !0,
               autosizeOptions: {
                 // Merge any custom autosize options first
-                ...(u == null ? void 0 : u.autosizeOptions) || {},
+                ...(d == null ? void 0 : d.autosizeOptions) || {},
                 // Force these key properties to always be true to maintain autosize behavior
                 includeOutliers: !0,
                 includeHeaders: !0,
                 expand: !0,
                 // Auto-size all columns by default (can be overridden by dataGridProps)
-                columns: ((j = u == null ? void 0 : u.autosizeOptions) == null ? void 0 : j.columns) || t.map((I) => I.field)
+                columns: ((j = d == null ? void 0 : d.autosizeOptions) == null ? void 0 : j.columns) || t.map((I) => I.field)
               },
               sx: {
                 border: "none",
@@ -1505,7 +1505,7 @@ const go = (e) => /* @__PURE__ */ a(re, { ...e, viewBox: "0 0 10 8", children: /
                 // Remove any remaining MUI background overlays
                 "& .MuiBackdrop-root": {},
                 "& .MuiModal-backdrop": {},
-                ...u == null ? void 0 : u.sx
+                ...d == null ? void 0 : d.sx
               }
             }
           )
@@ -1527,16 +1527,16 @@ const Pt = $(
       activeJoggingDirection: c,
       ...s
     }) => {
-      var b, T, C, M, k, j, I;
+      var x, T, C, M, k, j, I;
       pt(() => {
-        const E = o(), V = d.current;
+        const E = o(), V = p.current;
         V && (V.textContent = E);
       });
-      const l = B(), [u, f] = L(null);
+      const l = B(), [d, m] = L(null);
       F(() => {
         n && v();
       }, [n]);
-      const g = c || u, d = A(null);
+      const u = c || d, p = A(null);
       e || (e = {
         color: "#fff",
         backgroundColor: "#000",
@@ -1549,7 +1549,7 @@ const Pt = $(
         },
         labelColor: "#000"
       });
-      const p = g ? (b = e.buttonBackgroundColor) == null ? void 0 : b.pressed : e.borderColor, x = {
+      const g = u ? (x = e.buttonBackgroundColor) == null ? void 0 : x.pressed : e.borderColor, f = {
         width: "55px",
         color: e.color,
         path: { fill: e.color },
@@ -1559,7 +1559,7 @@ const Pt = $(
           pointerEvents: "none"
         }
       }, y = {
-        ...x,
+        ...f,
         backgroundColor: (T = e.buttonBackgroundColor) == null ? void 0 : T.default,
         ":hover": {
           backgroundColor: (C = e.buttonBackgroundColor) == null ? void 0 : C.hovered
@@ -1573,8 +1573,8 @@ const Pt = $(
           backgroundColor: (k = e.buttonBackgroundColor) == null ? void 0 : k.disabled,
           "svg path": { fill: l.palette.action.disabled }
         }
-      }, h = {
-        ...x,
+      }, b = {
+        ...f,
         backgroundColor: (j = e.buttonBackgroundColor) == null ? void 0 : j.pressed,
         color: e.backgroundColor,
         path: { fill: e.backgroundColor },
@@ -1583,11 +1583,11 @@ const Pt = $(
           "svg path": { fill: l.palette.action.disabled }
         }
       };
-      function m(E, V) {
-        n || E.button === 0 && (f(V), r(V));
+      function h(E, V) {
+        n || E.button === 0 && (m(V), r(V));
       }
       function v() {
-        f(null), i();
+        m(null), i();
       }
       return /* @__PURE__ */ S(P, { height: "64px", direction: "row", justifyContent: "center", ...s, children: [
         /* @__PURE__ */ a(
@@ -1595,16 +1595,16 @@ const Pt = $(
           {
             disabled: n,
             disableRipple: !0,
-            onPointerDown: (E) => m(E, "-"),
+            onPointerDown: (E) => h(E, "-"),
             onPointerUp: v,
             onPointerOut: v,
             size: "large",
             sx: {
-              ...g === "-" ? h : y,
+              ...u === "-" ? b : y,
               borderRadius: "16px 0px 0px 16px",
-              borderLeft: `2px solid ${p ?? "#fff"}`,
-              borderBottom: `2px solid ${p ?? "#fff"}`,
-              borderTop: `2px solid ${p ?? "#fff"}`
+              borderLeft: `2px solid ${g ?? "#fff"}`,
+              borderBottom: `2px solid ${g ?? "#fff"}`,
+              borderTop: `2px solid ${g ?? "#fff"}`
             },
             children: /* @__PURE__ */ a(_e, {})
           }
@@ -1619,8 +1619,8 @@ const Pt = $(
               alignItems: "center",
               justifyContent: "center",
               opacity: "0.9",
-              borderBottom: `2px solid ${p ?? "#fff"}`,
-              borderTop: `2px solid ${p ?? "#fff"}`
+              borderBottom: `2px solid ${g ?? "#fff"}`,
+              borderTop: `2px solid ${g ?? "#fff"}`
             },
             children: [
               /* @__PURE__ */ a(
@@ -1655,7 +1655,7 @@ const Pt = $(
                     minWidth: "80px",
                     textAlign: "center"
                   },
-                  ref: d,
+                  ref: p,
                   children: o()
                 }
               )
@@ -1667,16 +1667,16 @@ const Pt = $(
           {
             disableRipple: !0,
             disabled: n,
-            onPointerDown: (E) => m(E, "+"),
+            onPointerDown: (E) => h(E, "+"),
             onPointerUp: v,
             onPointerOut: v,
             size: "large",
             sx: {
-              ...g === "+" ? h : y,
+              ...u === "+" ? b : y,
               borderRadius: "0px 16px 16px 0px",
-              borderRight: `2px solid ${p ?? "#fff"}`,
-              borderBottom: `2px solid ${p ?? "#fff"}`,
-              borderTop: `2px solid ${p ?? "#fff"}`
+              borderRight: `2px solid ${g ?? "#fff"}`,
+              borderBottom: `2px solid ${g ?? "#fff"}`,
+              borderTop: `2px solid ${g ?? "#fff"}`
             },
             children: /* @__PURE__ */ a(Pe, {})
           }
@@ -1697,10 +1697,10 @@ const Pt = $(
       ...s
     }) => {
       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(() => ({
+      const { t: l } = z(), [d, m] = L(), u = B(), p = {
+        background: (M = u.palette.backgroundPaperElevation) == null ? void 0 : M[4],
+        color: (k = u.palette.backgroundPaperElevation) == null ? void 0 : k[11]
+      }, g = Lt(() => ({
         activeJoggingDir: null,
         startJogging(O) {
           this.activeJoggingDir = O, e(O);
@@ -1708,26 +1708,26 @@ const Pt = $(
         stopJogging() {
           this.activeJoggingDir = null, t();
         }
-      })), x = qe(() => {
+      })), f = qe(() => {
         const O = i ? y(n()) : n();
-        (O === void 0 || u === void 0 || Math.abs(u - O) > 1e-9) && f(O);
+        (O === void 0 || d === void 0 || Math.abs(d - O) > 1e-9) && m(O);
       }, 50);
-      pt(x);
+      pt(f);
       function y(O) {
         if (O !== void 0)
           return Nt(O);
       }
-      function h(O) {
-        O.button === 0 && p.startJogging("-");
+      function b(O) {
+        O.button === 0 && g.startJogging("-");
       }
-      function m(O) {
-        O.button === 0 && p.startJogging("+");
+      function h(O) {
+        O.button === 0 && g.startJogging("+");
       }
       function v(O) {
-        p.stopJogging();
+        g.stopJogging();
       }
-      function b(O) {
-        p.stopJogging();
+      function x(O) {
+        g.stopJogging();
       }
       function T(O, X = 1) {
         if (O === void 0 || Number.isNaN(O)) return "";
@@ -1754,23 +1754,23 @@ const Pt = $(
           sx: {
             "& .MuiIconButton-root": {
               width: "52px",
-              color: g.palette.text.primary,
+              color: u.palette.text.primary,
               alignContent: "center",
-              backgroundColor: (j = g.palette.backgroundPaperElevation) == null ? void 0 : j[11],
+              backgroundColor: (j = u.palette.backgroundPaperElevation) == null ? void 0 : j[11],
               "& svg": {
                 width: "42px",
                 height: "42px"
               },
               "&.Mui-disabled": {
-                backgroundColor: (I = g.palette.backgroundPaperElevation) == null ? void 0 : I[11],
-                color: g.palette.action.disabled,
+                backgroundColor: (I = u.palette.backgroundPaperElevation) == null ? void 0 : I[11],
+                color: u.palette.action.disabled,
                 opacity: 1
               },
               "&:hover": {
-                backgroundColor: (E = g.palette.backgroundPaperElevation) == null ? void 0 : E[9]
+                backgroundColor: (E = u.palette.backgroundPaperElevation) == null ? void 0 : E[9]
               },
               "&:active": {
-                ...d
+                ...p
               }
             }
           },
@@ -1778,21 +1778,21 @@ const Pt = $(
             /* @__PURE__ */ a(
               q,
               {
-                onPointerDown: h,
+                onPointerDown: b,
                 onPointerUp: v,
-                onPointerOut: b,
+                onPointerOut: x,
                 disabled: c,
                 disableRipple: !0,
                 sx: {
                   borderRadius: "16px 0px 0px 16px",
-                  ...p.activeJoggingDir === "-" ? d : {}
+                  ...g.activeJoggingDir === "-" ? p : {}
                 },
                 children: /* @__PURE__ */ a(
                   Ue,
                   {
                     sx: {
                       pointerEvents: "none",
-                      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
+                      color: (xt = (ot = (Q = (V = u.componentsExt) == null ? void 0 : V.JoggingPanel) == null ? void 0 : Q.JoggingJoint) == null ? void 0 : ot.Joint) == null ? void 0 : xt.arrowColor
                     }
                   }
                 )
@@ -1809,7 +1809,7 @@ const Pt = $(
                   borderLeftWidth: 0,
                   borderRightWidth: 0,
                   border: "none",
-                  backgroundColor: (yt = g.palette.backgroundPaperElevation) == null ? void 0 : yt[11],
+                  backgroundColor: (yt = u.palette.backgroundPaperElevation) == null ? void 0 : yt[11],
                   paddingLeft: "20px",
                   paddingRight: "20px",
                   zIndex: 1
@@ -1826,9 +1826,9 @@ const Pt = $(
                         fontVariantNumeric: "tabular-nums",
                         minWidth: "80px",
                         textAlign: "center",
-                        color: c ? g.palette.action.disabled : g.palette.text.primary
+                        color: c ? u.palette.action.disabled : u.palette.text.primary
                       },
-                      children: i ? T(u) : C(u)
+                      children: i ? T(d) : C(d)
                     }
                   ),
                   /* @__PURE__ */ a(
@@ -1838,7 +1838,7 @@ const Pt = $(
                       "aria-label": "Joint position",
                       min: i ? y(o) : o,
                       max: i ? y(r) : r,
-                      value: u || 0,
+                      value: d || 0,
                       track: !1,
                       sx: {
                         "& .MuiSlider-mark": {
@@ -1848,15 +1848,15 @@ const Pt = $(
                           width: "5px",
                           height: "12px",
                           borderRadius: "2px",
-                          color: c ? g.palette.action.disabled : g.palette.text.primary
+                          color: c ? u.palette.action.disabled : u.palette.text.primary
                         },
                         "& .MuiSlider-markLabel": {
                           top: "20px",
                           fontSize: "12px",
-                          color: c ? g.palette.action.disabled : g.palette.text.secondary
+                          color: c ? u.palette.action.disabled : u.palette.text.secondary
                         },
                         "& .MuiSlider-rail": {
-                          backgroundColor: (St = g.palette.backgroundPaperElevation) == null ? void 0 : St[5],
+                          backgroundColor: (St = u.palette.backgroundPaperElevation) == null ? void 0 : St[5],
                           opacity: 1
                         }
                       },
@@ -1878,21 +1878,21 @@ const Pt = $(
             /* @__PURE__ */ a(
               q,
               {
-                onPointerDown: m,
+                onPointerDown: h,
                 onPointerUp: v,
-                onPointerOut: b,
+                onPointerOut: x,
                 disabled: c,
                 disableRipple: !0,
                 sx: {
                   borderRadius: "0px 16px 16px 0px",
-                  ...p.activeJoggingDir === "+" ? d : {}
+                  ...g.activeJoggingDir === "+" ? p : {}
                 },
                 children: /* @__PURE__ */ a(
                   He,
                   {
                     sx: {
                       pointerEvents: "none",
-                      color: (Tt = (wt = (Ct = (vt = g.componentsExt) == null ? void 0 : vt.JoggingPanel) == null ? void 0 : Ct.JoggingJoint) == null ? void 0 : wt.Joint) == null ? void 0 : Tt.arrowColor
+                      color: (Tt = (wt = (Ct = (vt = u.componentsExt) == null ? void 0 : vt.JoggingPanel) == null ? void 0 : Ct.JoggingJoint) == null ? void 0 : wt.Joint) == null ? void 0 : Tt.arrowColor
                     }
                   }
                 )
@@ -1947,81 +1947,86 @@ function vo(e, t) {
 }
 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 g;
-      const l = (g = W(s.data)) == null ? void 0 : g.result;
-      if (!l)
+  constructor(t, o, r, i, n, c, s) {
+    this.nova = t, this.cellId = o, this.controller = r, this.motionGroup = i, this.description = n, this.initialMotionState = c, this.motionStateSocket = s, this.rapidlyChangingMotionState = c, s.addEventListener("message", (l) => {
+      var p;
+      const d = (p = W(l.data)) == null ? void 0 : p.result;
+      if (!d)
         throw new Error(
-          `Failed to get motion state for ${this.motionGroupId}: ${s.data}`
+          `Failed to get motion state for ${this.motionGroupId}: ${l.data}`
         );
       Ut(
         this.rapidlyChangingMotionState.joint_position,
-        l.joint_position,
+        d.joint_position,
         Ot
       ) || D(() => {
-        this.rapidlyChangingMotionState.joint_position = l.joint_position;
+        this.rapidlyChangingMotionState.joint_position = d.joint_position;
       }), Ht(
         this.rapidlyChangingMotionState,
-        l,
+        d,
         Ot
       ) || 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,
+        var g, f, y;
+        this.rapidlyChangingMotionState.tcp_pose == null ? this.rapidlyChangingMotionState.tcp_pose = d.tcp_pose : (g = d.tcp_pose) != null && g.orientation && ((f = d.tcp_pose) != null && f.position) && ((y = this.rapidlyChangingMotionState.tcp_pose) != null && y.orientation) ? this.rapidlyChangingMotionState.tcp_pose = {
+          position: d.tcp_pose.position,
           orientation: vo(
-            l.tcp_pose.orientation,
+            d.tcp_pose.orientation,
             this.rapidlyChangingMotionState.tcp_pose.orientation
           )
         } : console.warn(
           "Received incomplete tcp_pose, ignoring",
-          l.tcp_pose
+          d.tcp_pose
         );
-      }), l.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== l.tcp && D(() => {
-        this.rapidlyChangingMotionState.tcp = l.tcp;
-      }), this.rapidlyChangingMotionState.standstill !== l.standstill && D(() => {
-        this.rapidlyChangingMotionState.standstill = l.standstill;
+      }), d.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== d.tcp && D(() => {
+        this.rapidlyChangingMotionState.tcp = d.tcp;
+      }), this.rapidlyChangingMotionState.standstill !== d.standstill && D(() => {
+        this.rapidlyChangingMotionState.standstill = d.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;
+      const m = this.rapidlyChangingMotionState.joint_limit_reached.limit_reached, u = d.joint_limit_reached.limit_reached;
+      m.some((g, f) => g !== u[f]) && D(() => {
+        this.rapidlyChangingMotionState.joint_limit_reached = d.joint_limit_reached;
+      }), this.rapidlyChangingMotionState.execute !== d.execute && D(() => {
+        this.rapidlyChangingMotionState.execute = d.execute;
       });
     }), mt(this);
   }
-  static async open(t, o) {
+  static async open(t, o, r = {}) {
     var g;
-    const [r, i] = o.split("@"), n = await t.api.controller.getCurrentRobotControllerState(i), c = n == null ? void 0 : n.motion_groups.find(
-      (d) => d.motion_group === o
+    const i = r.cellId ?? "cell", [n, c] = o.split("@"), s = await t.api.controller.getCurrentRobotControllerState(
+      i,
+      c
+    ), l = s == null ? void 0 : s.motion_groups.find(
+      (f) => f.motion_group === o
     );
-    if (!n || !c)
+    if (!s || !l)
       throw new Error(
-        `Controller ${i} or motion group ${o} not found`
+        `Controller ${c} or motion group ${o} not found`
       );
-    const s = t.openReconnectingWebsocket(
-      `/controllers/${i}/motion-groups/${o}/state-stream`
-    ), l = await s.firstMessage(), u = (g = W(l.data)) == null ? void 0 : g.result;
+    const d = t.openReconnectingWebsocket(
+      `/cells/${i}/controllers/${c}/motion-groups/${o}/state-stream`
+    ), m = await d.firstMessage(), u = (g = W(m.data)) == null ? void 0 : g.result;
     if (!u)
       throw new Error(
-        `Unable to parse initial motion state message ${l.data}`
+        `Unable to parse initial motion state message ${m.data}`
       );
     console.log(
-      `Connected motion state websocket to motion group ${c.motion_group}. Initial state:
+      `Connected motion state websocket to motion group ${l.motion_group}. Initial state:
   `,
       u
     );
-    const f = await t.api.motionGroup.getMotionGroupDescription(
+    const p = await t.api.motionGroup.getMotionGroupDescription(
       i,
-      c.motion_group
+      c,
+      l.motion_group
     );
     return new ht(
       t,
-      n,
-      c,
-      f,
+      i,
+      s,
+      l,
+      p,
       u,
-      s
+      d
     );
   }
   get motionGroupId() {
@@ -2062,7 +2067,13 @@ class ft {
    * @returns Promise resolving to initialized JoggerConnection instance
    */
   static async open(t, o, r = {}) {
-    const i = await ht.open(t, o), n = new ft(i, r);
+    const i = await ht.open(
+      t,
+      o,
+      {
+        cellId: r.cellId
+      }
+    ), n = new ft(i, r);
     return await n.setJoggingMode(n.mode), n;
   }
   getDefaultTcp(t) {
@@ -2080,6 +2091,9 @@ class ft {
   get nova() {
     return this.motionStream.nova;
   }
+  get cellId() {
+    return this.motionStream.cellId;
+  }
   get numJoints() {
     return this.motionStream.joints.length;
   }
@@ -2129,9 +2143,9 @@ class ft {
         );
       }, this.timeout);
       this.joggingSocket = this.nova.openReconnectingWebsocket(
-        `/controllers/${this.motionStream.controllerId}/execution/jogging`
+        `/cells/${this.cellId}/controllers/${this.motionStream.controllerId}/execution/jogging`
       ), this.joggingSocket.addEventListener("message", (i) => {
-        var c, s, l, u;
+        var c, s, l, d;
         const n = W(i.data);
         if (((c = n == null ? void 0 : n.result) == null ? void 0 : c.kind) === "INITIALIZE_RECEIVED") {
           clearTimeout(r), t();
@@ -2139,7 +2153,7 @@ class ft {
         }
         if (((s = n == null ? void 0 : n.result) == null ? void 0 : s.kind) === "MOTION_ERROR")
           if (clearTimeout(r), this.onBlocked && ((l = n == null ? void 0 : n.result) != null && l.message.includes(Dt))) {
-            (u = this.joggingSocket) == null || u.dispose(), this.onBlocked();
+            (d = this.joggingSocket) == null || d.dispose(), this.onBlocked();
             return;
           } else this.onError ? this.onError(i.data) : o(new Error(i.data));
       }), this.joggingSocket.sendJson({
@@ -2234,15 +2248,15 @@ class ft {
         throw new Error(
           "Current pose has no position, cannot perform translation"
         );
-      const h = [...t.position];
-      h[tt[i]] += c.distanceMm * (n === "-" ? -1 : 1), s.push({
+      const b = [...t.position];
+      b[tt[i]] += c.distanceMm * (n === "-" ? -1 : 1), s.push({
         limits_override: {
           tcp_velocity_limit: r
         },
         path: {
           path_definition_name: "PathLine",
           target_pose: {
-            position: h,
+            position: b,
             orientation: t.orientation
           }
         }
@@ -2252,13 +2266,13 @@ class ft {
         throw new Error(
           "Current pose has no orientation, cannot perform rotation"
         );
-      const h = new ct(
+      const b = new ct(
         t.orientation[0],
         t.orientation[1],
         t.orientation[2]
-      ), m = h.length(), v = h.clone().normalize(), b = c.distanceRads * (n === "-" ? -1 : 1), T = new ct(0, 0, 0);
+      ), h = b.length(), v = b.clone().normalize(), x = 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(
+      const C = Math.cos(0.5 * x) * Math.cos(0.5 * h), M = Math.sin(0.5 * x) * Math.sin(0.5 * h), k = Math.sin(0.5 * x) * Math.cos(0.5 * h), j = Math.cos(0.5 * x) * Math.sin(0.5 * h), I = T.dot(
         v
       ), 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({
@@ -2281,35 +2295,36 @@ class ft {
       );
       return;
     }
-    const u = {
+    const d = {
       motion_group_model: l.motion_group_model,
       cycle_time: l.cycle_time,
       mounting: l.mounting,
       // tcp_offset: description.tcp_offset, TODO: implement tcp_offset handling
       // FIXME use proper mode's limits if set
       global: l.operation_limits.auto_limits
-    }, f = await this.nova.api.trajectoryPlanning.planTrajectory(
+    }, m = await this.nova.api.trajectoryPlanning.planTrajectory(
+      this.cellId,
       {
-        motion_group_setup: u,
+        motion_group_setup: d,
         start_joint_position: o,
         motion_commands: s
       }
-    ), g = f.response;
-    if (!g)
+    ), u = m.response;
+    if (!u)
       throw new Error(
-        `Failed to plan jogging increment motion ${JSON.stringify(f)}`
+        `Failed to plan jogging increment motion ${JSON.stringify(m)}`
       );
     this.trajectorySocket && (console.warn("Trajectory jogging websocket already open; will close"), this.trajectorySocket.dispose()), this.trajectorySocket = this.nova.openReconnectingWebsocket(
-      `/controllers/${this.motionStream.controllerId}/execution/trajectory`
+      `/cells/${this.cellId}/controllers/${this.motionStream.controllerId}/execution/trajectory`
     );
-    const d = (h) => {
-      var m;
-      if (!h || h.add_trajectory_error || h.message)
+    const p = (b) => {
+      var h;
+      if (!b || b.add_trajectory_error || b.message)
         if (this.onError)
-          this.onError(h);
+          this.onError(b);
         else
           throw new Error(
-            ((m = h == null ? void 0 : h.add_trajectory_error) == null ? void 0 : m.message) || (h == null ? void 0 : h.message) || "Failed to execute trajectory, unknown error"
+            ((h = b == null ? void 0 : b.add_trajectory_error) == null ? void 0 : h.message) || (b == null ? void 0 : b.message) || "Failed to execute trajectory, unknown error"
           );
       if (!this.trajectorySocket)
         throw new Error(
@@ -2319,54 +2334,54 @@ class ft {
         message_type: "StartMovementRequest",
         direction: "DIRECTION_FORWARD"
       });
-    }, p = async () => {
-      var h;
-      await at(() => !this.motionStream.rapidlyChangingMotionState.standstill), await at(() => this.motionStream.rapidlyChangingMotionState.standstill), (h = this.trajectorySocket) == null || h.dispose(), this.trajectorySocket = null;
-    }, x = async () => {
-      var h;
-      await at(() => this.motionStream.rapidlyChangingMotionState.standstill), (h = this.trajectorySocket) == null || h.dispose(), this.trajectorySocket = null;
-    }, y = async (h) => {
-      if (h != null && h.message)
+    }, g = async () => {
+      var b;
+      await at(() => !this.motionStream.rapidlyChangingMotionState.standstill), await at(() => this.motionStream.rapidlyChangingMotionState.standstill), (b = this.trajectorySocket) == null || b.dispose(), this.trajectorySocket = null;
+    }, f = async () => {
+      var b;
+      await at(() => this.motionStream.rapidlyChangingMotionState.standstill), (b = this.trajectorySocket) == null || b.dispose(), this.trajectorySocket = null;
+    }, y = async (b) => {
+      if (b != null && b.message)
         if (this.onError) {
-          this.onError(h);
+          this.onError(b);
           return;
         } else
           throw new Error(
-            h.message || "Failed to execute trajectory, unknown error"
+            b.message || "Failed to execute trajectory, unknown error"
           );
-      this.motionStream.rapidlyChangingMotionState.standstill ? await p() : await x();
+      this.motionStream.rapidlyChangingMotionState.standstill ? await g() : await f();
     };
-    this.trajectorySocket.addEventListener("message", (h) => {
-      var v, b;
-      const m = W(h.data);
-      if (!((v = m == null ? void 0 : m.result) != null && v.kind))
+    this.trajectorySocket.addEventListener("message", (b) => {
+      var v, x;
+      const h = W(b.data);
+      if (!((v = h == null ? void 0 : h.result) != null && v.kind))
         throw new Error(
-          `Failed to execute trajectory: Received invalid message ${h.data}`
+          `Failed to execute trajectory: Received invalid message ${b.data}`
         );
-      if (this.onBlocked && ((b = m.result.message) != null && b.includes(Dt))) {
+      if (this.onBlocked && ((x = h.result.message) != null && x.includes(Dt))) {
         this.onBlocked();
         return;
       }
-      if (m.result.kind === "INITIALIZE_RECEIVED")
-        d(m.result);
-      else if (m.result.kind === "START_RECEIVED")
-        y(m);
-      else if (m.result.kind !== "PAUSE_RECEIVED") if (m.result.kind === "MOTION_ERROR" && m.result.message)
+      if (h.result.kind === "INITIALIZE_RECEIVED")
+        p(h.result);
+      else if (h.result.kind === "START_RECEIVED")
+        y(h);
+      else if (h.result.kind !== "PAUSE_RECEIVED") if (h.result.kind === "MOTION_ERROR" && h.result.message)
         if (this.onError) {
-          this.onError(m);
+          this.onError(h);
           return;
         } else
-          throw new Error(m.result.message);
+          throw new Error(h.result.message);
       else
         throw new Error(
-          `Failed to execute trajectory, cannot handle message type "${m.result.kind}"`
+          `Failed to execute trajectory, cannot handle message type "${h.result.kind}"`
         );
     }), this.trajectorySocket.sendJson({
       message_type: "InitializeMovementRequest",
       trajectory: {
         message_type: "TrajectoryData",
         motion_group: this.motionGroupId,
-        data: g,
+        data: u,
         tcp: this.tcp
       }
     });
@@ -2546,18 +2561,18 @@ class bt {
   constructor(t, o, r, i, n) {
     var c, s, l;
     this.jogger = t, this.coordSystems = o, this.motionGroupDescription = r, this.tcps = i, this.inverseSolverValue = n, this.selectedTabId = "cartesian", this.locks = /* @__PURE__ */ new Set(), this.blocked = !1, this.selectedCoordSystemId = "world", this.selectedTcpId = "", this.tcpChangeInProgress = !1, this.selectedOrientation = "coordsys", this.selectedIncrementId = "continuous", this.selectedCartesianMotionType = "translate", this.incrementJogInProgress = null, this.translationVelocityMmPerSec = 10, this.rotationVelocityDegPerSec = 1, this.minTranslationVelocityMmPerSec = 5, this.maxTranslationVelocityMmPerSec = 250, this.minRotationVelocityDegPerSec = 1, this.maxRotationVelocityDegPerSec = 60, this.showCoordSystemSelect = !1, this.showTcpSelect = !0, this.showOrientationSelect = !0, this.showIncrementSelect = !0, this.showTabIcons = !1, this.showVelocitySliderLabel = !0, this.showVelocityLegend = !1, this.showJointsLegend = !1, this.disposers = [], this.inverseSolver = void 0, this.jointType = G.RevoluteJoint;
-    for (const u of o)
-      if (u.coordinate_system === "") {
-        u.coordinate_system = "world";
+    for (const d of o)
+      if (d.coordinate_system === "") {
+        d.coordinate_system = "world";
         break;
       }
     this.selectedCoordSystemId = ((c = o[0]) == null ? void 0 : c.coordinate_system) || "world", this.selectedTcpId = t.motionStream.rapidlyChangingMotionState.tcp ?? "", this.tcpChangeInProgress = this.tcps.length > 0 && !this.selectedTcpId, this.inverseSolver = n, this.jointType = ((l = (s = r == null ? void 0 : r.dh_parameters) == null ? void 0 : s[0]) == null ? void 0 : l.type) ?? G.RevoluteJoint, mt(this, {}, { autoBind: !0 }), this.jogger.onBlocked = () => {
       this.block();
     }, this.loadFromLocalStorage(), this.disposers.push(kt(() => this.saveToLocalStorage())), this.disposers.push(
       kt(() => {
-        const u = this.jogger.motionStream.rapidlyChangingMotionState.tcp;
-        u && u !== this.selectedTcpId && D(() => {
-          this.selectedTcpId = u, this.tcpChangeInProgress = !1;
+        const d = this.jogger.motionStream.rapidlyChangingMotionState.tcp;
+        d && d !== this.selectedTcpId && D(() => {
+          this.selectedTcpId = d, this.tcpChangeInProgress = !1;
         });
       })
     ), window.joggingStore = this;
@@ -2567,31 +2582,33 @@ class bt {
    * from the backend
    */
   static async loadFor(t) {
-    const { nova: o } = t, [r, i] = await Promise.all([
+    const { nova: o, cellId: r } = t, [i, n] = await Promise.all([
       // Fetch coord systems so user can select between them
       o.api.controller.listCoordinateSystems(
+        r,
         t.motionStream.controllerId,
         "ROTATION_VECTOR"
       ),
       // Same for TCPs and other info from description
       o.api.motionGroup.getMotionGroupDescription(
+        r,
         t.motionStream.controllerId,
         t.motionGroupId
       )
-    ]), n = await o.api.motionGroupModels.getMotionGroupKinematicModel(
-      i.motion_group_model
-    ), c = Object.entries(i.tcps || {}).map(([s, l]) => ({
-      id: s,
-      readable_name: l.name,
-      position: l.pose.position,
-      orientation: l.pose.orientation
+    ]), c = await o.api.motionGroupModels.getMotionGroupKinematicModel(
+      n.motion_group_model
+    ), s = Object.entries(n.tcps || {}).map(([l, d]) => ({
+      id: l,
+      readable_name: d.name,
+      position: d.pose.position,
+      orientation: d.pose.orientation
     }));
     return new bt(
       t,
-      r || [],
-      i,
-      c,
-      n.inverse_solver
+      i || [],
+      n,
+      s,
+      c.inverse_solver
     );
   }
   dispose() {
@@ -2705,7 +2722,7 @@ class bt {
     this.selectedCoordSystemId = t;
   }
   /**
-   * @deprecated Use {@link requestTcpChange} instead. This method now delegates
+   * @deprecated Use {@link JoggingStore.requestTcpChange} instead. This method now delegates
    * to `requestTcpChange` which properly communicates the TCP change to the server.
    */
   setSelectedTcpId(t) {
@@ -2719,20 +2736,22 @@ 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);
-      D(() => {
+      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 D(() => {
+      throw r && await this.jogger.setJoggingMode("off").catch(() => {
+      }), D(() => {
         this.jogger.tcp = o, this.selectedTcpId = this.jogger.motionStream.rapidlyChangingMotionState.tcp ?? "";
       }), i;
     } finally {
@@ -2926,8 +2945,8 @@ const Ro = J(
 }), Eo = J((e) => {
   var n, c, s;
   const t = B(), { store: o } = e, { t: r } = z();
-  function i(l, u) {
-    u === e.velocity || !Ge(u) || e.onVelocityChange(u, e.useDegree);
+  function i(l, d) {
+    d === e.velocity || !Ge(d) || e.onVelocityChange(d, e.useDegree);
   }
   return /* @__PURE__ */ S(
     P,
@@ -3084,29 +3103,29 @@ const Zt = J(
     children: t
   }) => {
     const { t: o } = z(), r = B();
-    function i(d, p) {
-      (p === "translate" || p === "rotate") && e.setSelectedCartesianMotionType(p);
+    function i(p, g) {
+      (g === "translate" || g === "rotate") && e.setSelectedCartesianMotionType(g);
     }
-    async function n(d, p) {
-      const x = await e.activate(), y = x.motionStream.rapidlyChangingMotionState.tcp_pose, h = x.motionStream.rapidlyChangingMotionState.joint_position;
+    async function n(p, g) {
+      const f = await e.activate(), y = f.motionStream.rapidlyChangingMotionState.tcp_pose, b = f.motionStream.rapidlyChangingMotionState.joint_position;
       y && await e.withMotionLock(async () => {
         try {
           e.setCurrentIncrementJog({
-            axis: d.axis,
-            direction: d.direction
+            axis: p.axis,
+            direction: p.direction
           }), await e.jogger.runIncrementalCartesianMotion({
             currentTcpPose: y,
-            currentJoints: h,
+            currentJoints: b,
             coordSystemId: e.activeCoordSystemId,
             velocityInRelevantUnits: e.selectedCartesianMotionType === "translate" ? e.translationVelocityMmPerSec : e.rotationVelocityRadsPerSec,
-            axis: d.axis,
-            direction: d.direction,
+            axis: p.axis,
+            direction: p.direction,
             motion: e.selectedCartesianMotionType === "translate" ? {
               type: "translate",
-              distanceMm: p.mm
+              distanceMm: g.mm
             } : {
               type: "rotate",
-              distanceRads: Ie(p.degrees)
+              distanceRads: Ie(g.degrees)
             }
           });
         } finally {
@@ -3114,17 +3133,17 @@ const Zt = J(
         }
       });
     }
-    async function c(d) {
+    async function c(p) {
       if (!e.isLocked) {
         if (await e.activate(), e.activeDiscreteIncrement)
-          return n(d, e.activeDiscreteIncrement);
-        d.motionType === "translate" ? await e.jogger.translateTCP({
-          axis: d.axis,
-          direction: d.direction,
+          return n(p, e.activeDiscreteIncrement);
+        p.motionType === "translate" ? await e.jogger.translateTCP({
+          axis: p.axis,
+          direction: p.direction,
           velocityMmPerSec: e.translationVelocityMmPerSec
         }) : await e.jogger.rotateTCP({
-          axis: d.axis,
-          direction: d.direction,
+          axis: p.axis,
+          direction: p.direction,
           velocityRadsPerSec: e.rotationVelocityRadsPerSec
         });
       }
@@ -3132,13 +3151,13 @@ const Zt = J(
     async function s() {
       e.isLocked || e.activeDiscreteIncrement || await e.deactivate();
     }
-    function l(d, p, x) {
-      var h, m, v;
-      const y = (v = (m = (h = x.componentsExt) == null ? void 0 : h.JoggingPanel) == null ? void 0 : m.JoggingCartesian) == null ? void 0 : v.Axis;
+    function l(p, g, f) {
+      var b, h, v;
+      const y = (v = (h = (b = f.componentsExt) == null ? void 0 : b.JoggingPanel) == null ? void 0 : h.JoggingCartesian) == null ? void 0 : v.Axis;
       if (y)
-        return p === "translate" ? y[d] : y.CustomRotation ?? y[d];
+        return g === "translate" ? y[p] : y.CustomRotation ?? y[p];
     }
-    const u = [
+    const d = [
       {
         id: "x",
         icon: /* @__PURE__ */ a(Oe, {}),
@@ -3155,12 +3174,12 @@ const Zt = J(
         colors: l("Z", e.selectedCartesianMotionType, r)
       }
     ];
-    function f(d) {
-      return o("General.mm.variable", { amount: d.toFixed(1) });
+    function m(p) {
+      return o("General.mm.variable", { amount: p.toFixed(1) });
     }
-    function g(d) {
+    function u(p) {
       return o("General.degree.variable", {
-        amount: Nt(d).toFixed(1)
+        amount: Nt(p).toFixed(1)
       });
     }
     return /* @__PURE__ */ S(
@@ -3219,55 +3238,55 @@ const Zt = J(
                         ]
                       }
                     ),
-                    e.selectedCartesianMotionType === "translate" && u.map((d) => {
-                      var p, x;
+                    e.selectedCartesianMotionType === "translate" && d.map((p) => {
+                      var g, f;
                       return /* @__PURE__ */ a(
                         Pt,
                         {
-                          "data-testid": `jogging-cartesian-axis-control-${d.id}`,
-                          "aria-label": `jogging-cartesian-axis-control-${d.id}`,
-                          colors: d.colors,
+                          "data-testid": `jogging-cartesian-axis-control-${p.id}`,
+                          "aria-label": `jogging-cartesian-axis-control-${p.id}`,
+                          colors: p.colors,
                           disabled: e.isLocked,
-                          activeJoggingDirection: ((p = e.incrementJogInProgress) == null ? void 0 : p.axis) === d.id ? e.incrementJogInProgress.direction : void 0,
+                          activeJoggingDirection: ((g = e.incrementJogInProgress) == null ? void 0 : g.axis) === p.id ? e.incrementJogInProgress.direction : void 0,
                           label: /* @__PURE__ */ S(et, { children: [
-                            d.icon,
+                            p.icon,
                             /* @__PURE__ */ a(
                               R,
                               {
                                 sx: {
                                   fontSize: "24px",
-                                  color: ((x = d.colors) == null ? void 0 : x.labelColor) ?? r.palette.text.primary
+                                  color: ((f = p.colors) == null ? void 0 : f.labelColor) ?? r.palette.text.primary
                                 },
-                                children: d.id.toUpperCase()
+                                children: p.id.toUpperCase()
                               }
                             )
                           ] }),
                           getDisplayedValue: () => {
-                            var y, h;
-                            return f(
-                              ((h = (y = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : y.position) == null ? void 0 : h[tt[d.id]]) || 0
+                            var y, b;
+                            return m(
+                              ((b = (y = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : y.position) == null ? void 0 : b[tt[p.id]]) || 0
                             );
                           },
                           startJogging: (y) => c({
-                            axis: d.id,
+                            axis: p.id,
                             motionType: "translate",
                             direction: y
                           }),
                           stopJogging: s
                         },
-                        d.id
+                        p.id
                       );
                     }),
-                    e.selectedCartesianMotionType === "rotate" && u.map((d) => {
-                      var p, x;
+                    e.selectedCartesianMotionType === "rotate" && d.map((p) => {
+                      var g, f;
                       return /* @__PURE__ */ a(
                         Pt,
                         {
-                          "data-testid": `jogging-cartesian-axis-control-${d.id}`,
-                          "aria-label": `jogging-cartesian-axis-control-${d.id}`,
-                          colors: d.colors,
+                          "data-testid": `jogging-cartesian-axis-control-${p.id}`,
+                          "aria-label": `jogging-cartesian-axis-control-${p.id}`,
+                          colors: p.colors,
                           disabled: e.isLocked,
-                          activeJoggingDirection: ((p = e.incrementJogInProgress) == null ? void 0 : p.axis) === d.id ? e.incrementJogInProgress.direction : void 0,
+                          activeJoggingDirection: ((g = e.incrementJogInProgress) == null ? void 0 : g.axis) === p.id ? e.incrementJogInProgress.direction : void 0,
                           label: /* @__PURE__ */ S(et, { children: [
                             /* @__PURE__ */ a(Je, {}),
                             /* @__PURE__ */ a(
@@ -3275,26 +3294,26 @@ const Zt = J(
                               {
                                 sx: {
                                   fontSize: "24px",
-                                  color: ((x = d.colors) == null ? void 0 : x.labelColor) ?? r.palette.text.primary
+                                  color: ((f = p.colors) == null ? void 0 : f.labelColor) ?? r.palette.text.primary
                                 },
-                                children: d.id.toUpperCase()
+                                children: p.id.toUpperCase()
                               }
                             )
                           ] }),
                           getDisplayedValue: () => {
-                            var y, h;
-                            return g(
-                              ((h = (y = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : y.orientation) == null ? void 0 : h[tt[d.id]]) || 0
+                            var y, b;
+                            return u(
+                              ((b = (y = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : y.orientation) == null ? void 0 : b[tt[p.id]]) || 0
                             );
                           },
                           startJogging: (y) => c({
-                            axis: d.id,
+                            axis: p.id,
                             motionType: "rotate",
                             direction: y
                           }),
                           stopJogging: s
                         },
-                        d.id
+                        p.id
                       );
                     })
                   ]
@@ -3356,8 +3375,8 @@ const Zt = J(
                   alignItems: "center",
                   gap: "24px",
                   children: e.jogger.motionStream.joints.map((n) => {
-                    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;
+                    var s, l, d;
+                    const c = (d = (l = (s = e.motionGroupDescription.operation_limits.auto_limits) == null ? void 0 : s.joints) == null ? void 0 : l[n.index]) == null ? void 0 : d.position;
                     return /* @__PURE__ */ S(
                       P,
                       {
@@ -3384,12 +3403,12 @@ const Zt = J(
                               upperLimit: c == null ? void 0 : c.upper_limit,
                               useDegree: e.jointType === G.RevoluteJoint,
                               getValue: () => {
-                                const f = e.jogger.motionStream.rapidlyChangingMotionState.joint_position[n.index];
-                                return f !== void 0 ? f : void 0;
+                                const m = e.jogger.motionStream.rapidlyChangingMotionState.joint_position[n.index];
+                                return m !== void 0 ? m : void 0;
                               },
-                              startJogging: (f) => r({
+                              startJogging: (m) => r({
                                 joint: n.index,
-                                direction: f
+                                direction: m
                               }),
                               stopJogging: i
                             }
@@ -3425,7 +3444,13 @@ const Zt = J(
       try {
         let i = e.store;
         if (!i) {
-          const n = await ft.open(t, e.motionGroupId);
+          const n = await ft.open(
+            t,
+            e.motionGroupId,
+            {
+              cellId: e.cellId
+            }
+          );
           i = await bt.loadFor(n);
         }
         D(() => {
@@ -3438,7 +3463,7 @@ const Zt = J(
     return F(() => (r(), e.store ? () => null : () => {
       var i;
       (i = o.joggingStore) == null || i.dispose();
-    }), [e.store, e.nova, e.motionGroupId]), F(() => {
+    }), [e.store, e.nova, e.motionGroupId, e.cellId]), F(() => {
       const i = o.joggingStore;
       i && (e.locked ? i.lock("external") : i.unlock("external"));
     }, [o.joggingStore, e.locked]), /* @__PURE__ */ a(
@@ -3518,10 +3543,10 @@ const Zt = J(
       return await navigator.clipboard.writeText(t), console.log("Copied!"), n(!0), !0;
     } catch (l) {
       console.error(l);
-      const u = window.getSelection();
-      if (u && o && "current" in o && o.current) {
-        const f = document.createRange();
-        f.selectNodeContents(o.current), u.removeAllRanges(), u.addRange(f);
+      const d = window.getSelection();
+      if (d && o && "current" in o && o.current) {
+        const m = document.createRange();
+        m.selectNodeContents(o.current), d.removeAllRanges(), d.addRange(m);
       }
     }
     return !1;
@@ -3670,24 +3695,24 @@ const st = (e, t, o) => ({
   level: t
 }), 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;
+    var m;
     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;
-      const d = setTimeout(() => {
-        g.scrollTop = g.scrollHeight;
+      const u = c.current;
+      if (!u) return;
+      const p = setTimeout(() => {
+        u.scrollTop = u.scrollHeight;
       }, 10);
-      return () => clearTimeout(d);
+      return () => clearTimeout(p);
     }, [t.length]);
-    const s = (g) => g.toLocaleTimeString("en-US", {
+    const s = (u) => u.toLocaleTimeString("en-US", {
       hour12: !1,
       hour: "2-digit",
       minute: "2-digit",
       second: "2-digit"
-    }), l = (g) => {
-      switch (g) {
+    }), l = (u) => {
+      switch (u) {
         case "error":
           return n.palette.error.main;
         case "warning":
@@ -3699,19 +3724,19 @@ const st = (e, t, o) => ({
         default:
           return n.palette.text.secondary;
       }
-    }, u = ({ message: g }) => {
-      const [d, p] = L(!1), [x, y] = L(!1), [h, m] = L(!1), v = g.message.length > 150, b = async () => {
+    }, d = ({ message: u }) => {
+      const [p, g] = L(!1), [f, y] = L(!1), [b, h] = L(!1), v = u.message.length > 150, x = async () => {
         try {
-          await navigator.clipboard.writeText(g.message), y(!0), setTimeout(() => y(!1), 2e3);
+          await navigator.clipboard.writeText(u.message), y(!0), setTimeout(() => y(!1), 2e3);
         } catch (C) {
           console.error("Failed to copy message:", C);
         }
-      }, T = v && !d ? `${g.message.substring(0, 150)}...` : g.message;
+      }, T = v && !p ? `${u.message.substring(0, 150)}...` : u.message;
       return /* @__PURE__ */ a(
         w,
         {
-          onMouseEnter: () => m(!0),
-          onMouseLeave: () => m(!1),
+          onMouseEnter: () => h(!0),
+          onMouseLeave: () => h(!1),
           sx: {
             display: "flex",
             gap: 1,
@@ -3740,7 +3765,7 @@ const st = (e, t, o) => ({
                 },
                 children: [
                   "[",
-                  s(g.timestamp),
+                  s(u.timestamp),
                   "]"
                 ]
               }
@@ -3754,7 +3779,7 @@ const st = (e, t, o) => ({
                   fontSize: "12px",
                   lineHeight: "18px",
                   letterSpacing: "0.4px",
-                  color: l(g.level),
+                  color: l(u.level),
                   wordBreak: "break-word",
                   overflowWrap: "anywhere",
                   hyphens: "auto",
@@ -3771,16 +3796,16 @@ const st = (e, t, o) => ({
                   display: "flex",
                   alignItems: "flex-start",
                   gap: 0.5,
-                  opacity: h ? 1 : 0,
+                  opacity: b ? 1 : 0,
                   transition: "opacity 0.2s ease-in-out",
-                  visibility: h ? "visible" : "hidden"
+                  visibility: b ? "visible" : "hidden"
                 },
                 children: [
                   /* @__PURE__ */ a(
                     q,
                     {
                       size: "small",
-                      onClick: b,
+                      onClick: x,
                       sx: {
                         padding: "2px",
                         color: n.palette.text.secondary,
@@ -3788,7 +3813,7 @@ const st = (e, t, o) => ({
                           backgroundColor: n.palette.action.hover
                         }
                       },
-                      title: x ? "Copied!" : "Copy message",
+                      title: f ? "Copied!" : "Copy message",
                       children: /* @__PURE__ */ a(Ze, { sx: { fontSize: 12 } })
                     }
                   ),
@@ -3796,7 +3821,7 @@ const st = (e, t, o) => ({
                     q,
                     {
                       size: "small",
-                      onClick: () => p(!d),
+                      onClick: () => g(!p),
                       sx: {
                         padding: "2px",
                         color: n.palette.text.secondary,
@@ -3804,8 +3829,8 @@ const st = (e, t, o) => ({
                           backgroundColor: n.palette.action.hover
                         }
                       },
-                      title: d ? "Collapse" : "Expand",
-                      children: d ? /* @__PURE__ */ a(Xe, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(Ke, { sx: { fontSize: 12 } })
+                      title: p ? "Collapse" : "Expand",
+                      children: p ? /* @__PURE__ */ a(Xe, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(Ke, { sx: { fontSize: 12 } })
                     }
                   )
                 ]
@@ -3813,14 +3838,14 @@ const st = (e, t, o) => ({
             )
           ] })
         },
-        g.id
+        u.id
       );
     };
     return /* @__PURE__ */ S(
       to,
       {
         sx: {
-          backgroundColor: ((f = n.palette.backgroundPaperElevation) == null ? void 0 : f[2]) || "#171927",
+          backgroundColor: ((m = n.palette.backgroundPaperElevation) == null ? void 0 : m[2]) || "#171927",
           backgroundImage: "none",
           // Override any gradient from elevation
           height: r,
@@ -3930,7 +3955,7 @@ const st = (e, t, o) => ({
                   },
                   children: "No log messages"
                 }
-              ) : t.map((g) => /* @__PURE__ */ a(u, { message: g }, g.id))
+              ) : t.map((u) => /* @__PURE__ */ a(d, { message: u }, u.id))
             }
           )
         ]
@@ -4043,41 +4068,41 @@ var Kt = /* @__PURE__ */ ((e) => (e.PRECONDITION_NOT_FULFILLED = "PRECONDITION_N
 const Fo = $(
   J(({ setupState: e, className: t }) => {
     const o = B(), { t: r } = z(), i = () => {
-      var u, f, g, d, p, x, y;
+      var d, m, u, p, g, f, y;
       switch (e) {
         case "READY":
           return {
             label: r("RobotSetupReadinessIndicator.Ready.lb"),
-            indicatorColor: ((u = o.palette.tertiary) == null ? void 0 : u.main) || o.palette.primary.main,
-            backgroundColor: ((f = o.palette.backgroundPaperElevation) == null ? void 0 : f[11]) || o.palette.background.paper,
+            indicatorColor: ((d = o.palette.tertiary) == null ? void 0 : d.main) || o.palette.primary.main,
+            backgroundColor: ((m = o.palette.backgroundPaperElevation) == null ? void 0 : m[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         case "ROBOT_DISCONNECTED":
           return {
             label: r("RobotSetupReadinessIndicator.RobotDisconnected.lb"),
             indicatorColor: o.palette.error.main,
-            backgroundColor: ((g = o.palette.backgroundPaperElevation) == null ? void 0 : g[11]) || o.palette.background.paper,
+            backgroundColor: ((u = o.palette.backgroundPaperElevation) == null ? void 0 : u[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         case "CELL_OPEN":
           return {
             label: r("RobotSetupReadinessIndicator.CellOpen.lb"),
             indicatorColor: o.palette.error.main,
-            backgroundColor: ((d = o.palette.backgroundPaperElevation) == null ? void 0 : d[11]) || o.palette.background.paper,
+            backgroundColor: ((p = o.palette.backgroundPaperElevation) == null ? void 0 : p[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         case "E_STOP":
           return {
             label: r("RobotSetupReadinessIndicator.EStop.lb"),
             indicatorColor: o.palette.error.main,
-            backgroundColor: ((p = o.palette.backgroundPaperElevation) == null ? void 0 : p[11]) || o.palette.background.paper,
+            backgroundColor: ((g = o.palette.backgroundPaperElevation) == null ? void 0 : g[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         case "MANUAL_MODE":
           return {
             label: r("RobotSetupReadinessIndicator.ManualMode.lb"),
             indicatorColor: o.palette.error.main,
-            backgroundColor: ((x = o.palette.backgroundPaperElevation) == null ? void 0 : x[11]) || o.palette.background.paper,
+            backgroundColor: ((f = o.palette.backgroundPaperElevation) == null ? void 0 : f[11]) || o.palette.background.paper,
             textColor: o.palette.secondary.contrastText
           };
         default:
@@ -4318,11 +4343,11 @@ function $o({ children: e, ...t }) {
     scrollButtons: c,
     selectionFollowsFocus: s,
     textColor: l,
-    value: u,
-    variant: f,
-    ...g
+    value: d,
+    variant: m,
+    ...u
   } = t;
-  return /* @__PURE__ */ a(w, { ...g, children: e });
+  return /* @__PURE__ */ a(w, { ...u, children: e });
 }
 const Ti = $(
   J((e) => {
@@ -4333,12 +4358,12 @@ const Ti = $(
       onTabChange: i,
       sx: n,
       ref: c
-    } = e, s = o !== void 0, [l, u] = L(r), f = s ? o : l;
+    } = e, s = o !== void 0, [l, d] = L(r), m = s ? o : l;
     F(() => {
-      s || t.length !== 0 && (l < 0 || l > t.length - 1) && u(0);
+      s || t.length !== 0 && (l < 0 || l > t.length - 1) && d(0);
     }, [t.length, s, l]);
-    const g = (d, p) => {
-      s || u(p), i == null || i(p);
+    const u = (p, g) => {
+      s || d(g), i == null || i(g);
     };
     return /* @__PURE__ */ S(
       w,
@@ -4357,16 +4382,16 @@ const Ti = $(
                 // Extra padding to prevent badge clipping
                 // Top: accommodates badge positioned at top: -6px with 20px height
                 // Right: accommodates badge positioned at right: -8px with 20px width
-                paddingTop: (d) => d.spacing(2),
+                paddingTop: (p) => p.spacing(2),
                 // 16px
-                paddingRight: (d) => d.spacing(2.5)
+                paddingRight: (p) => p.spacing(2.5)
                 // 20px
               },
               children: /* @__PURE__ */ a(
                 Vt,
                 {
-                  value: f,
-                  onChange: g,
+                  value: m,
+                  onChange: u,
                   sx: {
                     minHeight: "32px",
                     backgroundColor: "transparent",
@@ -4388,23 +4413,23 @@ const Ti = $(
                       overflow: "visible"
                     }
                   },
-                  children: t.map((d, p) => {
+                  children: t.map((p, g) => {
                     var T, C, M;
-                    const x = () => {
-                      if (!d.badge) return;
-                      const k = d.badge.content, j = d.badge.max;
+                    const f = () => {
+                      if (!p.badge) return;
+                      const k = p.badge.content, j = p.badge.max;
                       return typeof k == "number" && j && k > j ? `${j}+` : k;
                     }, y = () => {
-                      if (!d.badge) return !1;
-                      const k = d.badge.content, j = d.badge.showZero;
+                      if (!p.badge) return !1;
+                      const k = p.badge.content, j = p.badge.showZero;
                       return !(k === 0 && !j);
-                    }, h = x(), m = y(), v = () => {
-                      s || u(p), i == null || i(p);
-                    }, b = /* @__PURE__ */ a(
+                    }, b = f(), h = y(), v = () => {
+                      s || d(g), i == null || i(g);
+                    }, x = /* @__PURE__ */ a(
                       zt,
                       {
-                        label: d.label,
-                        icon: d.icon,
+                        label: p.label,
+                        icon: p.icon,
                         iconPosition: "start",
                         disableRipple: !0,
                         onClick: v,
@@ -4418,13 +4443,13 @@ const Ti = $(
                             return ((j = k.palette.backgroundPaperElevation) == null ? void 0 : j[11]) || "#32344B";
                           },
                           color: "text.primary",
-                          opacity: f === p ? 1 : 0.38,
+                          opacity: m === g ? 1 : 0.38,
                           fontSize: "13px",
                           transition: "all 0.2s ease-in-out",
                           position: "relative",
                           overflow: "visible",
                           "&:hover": {
-                            opacity: f === p ? 1 : 0.6
+                            opacity: m === g ? 1 : 0.6
                           },
                           "&.Mui-selected": {
                             opacity: 1,
@@ -4442,9 +4467,9 @@ const Ti = $(
                           }
                         }
                       },
-                      d.id
+                      p.id
                     );
-                    return m ? /* @__PURE__ */ a(
+                    return h ? /* @__PURE__ */ a(
                       $o,
                       {
                         component: "span",
@@ -4452,10 +4477,10 @@ const Ti = $(
                         children: /* @__PURE__ */ a(
                           lo,
                           {
-                            badgeContent: h,
-                            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,
+                            badgeContent: b,
+                            color: ((T = p.badge) == null ? void 0 : T.color) || "error",
+                            max: (C = p.badge) == null ? void 0 : C.max,
+                            showZero: (M = p.badge) == null ? void 0 : M.showZero,
                             anchorOrigin: {
                               vertical: "top",
                               horizontal: "right"
@@ -4467,12 +4492,12 @@ const Ti = $(
                                 opacity: "1 !important"
                               }
                             },
-                            children: b
+                            children: x
                           }
                         )
                       },
-                      d.id
-                    ) : b;
+                      p.id
+                    ) : x;
                   })
                 }
               )
@@ -4482,13 +4507,13 @@ const Ti = $(
             w,
             {
               sx: {
-                mt: (d) => d.spacing(2),
+                mt: (p) => p.spacing(2),
                 borderBottom: 1,
                 borderColor: "divider"
               }
             }
           ),
-          /* @__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)) })
+          /* @__PURE__ */ a(w, { sx: { flex: 1, overflow: "auto" }, children: t.map((p, g) => /* @__PURE__ */ a(Lo, { value: m, index: g, children: p.content }, p.id)) })
         ]
       }
     );
@@ -4512,7 +4537,7 @@ const Ti = $(
   hasError: o,
   className: r
 }) => {
-  const { t: i } = z(), n = B(), { 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: d, showMainText: m } = t;
   return /* @__PURE__ */ S(
     w,
     {
@@ -4540,7 +4565,7 @@ const Ti = $(
             skipAnimation: !0,
             text: () => "",
             sx: {
-              opacity: u || l ? 0.6 : 1,
+              opacity: d || l ? 0.6 : 1,
               transition: "opacity 0.5s ease-out",
               "& .MuiGauge-valueArc": {
                 fill: o ? n.palette.error.light : n.palette.success.main,
@@ -4593,7 +4618,7 @@ const Ti = $(
                   marginBottom: 0.5
                 },
                 children: [
-                  /* @__PURE__ */ a(H, { in: f && o, timeout: 200, children: /* @__PURE__ */ a(
+                  /* @__PURE__ */ a(H, { in: m && o, timeout: 200, children: /* @__PURE__ */ a(
                     R,
                     {
                       variant: "h6",
@@ -4606,7 +4631,7 @@ const Ti = $(
                       children: i("timer.error")
                     }
                   ) }),
-                  /* @__PURE__ */ a(H, { in: f && !o, timeout: 300, children: /* @__PURE__ */ a(
+                  /* @__PURE__ */ a(H, { in: m && !o, timeout: 300, children: /* @__PURE__ */ a(
                     R,
                     {
                       variant: "h1",
@@ -4636,7 +4661,7 @@ const Ti = $(
   compact: r,
   className: i
 }) => {
-  const { t: n, i18n: c } = z(), s = B(), { elapsedTime: l, currentProgress: u } = e, { showErrorAnimation: f, showPauseAnimation: g } = t;
+  const { t: n, i18n: c } = z(), s = B(), { elapsedTime: l, currentProgress: d } = e, { showErrorAnimation: m, showPauseAnimation: u } = t;
   return r ? /* @__PURE__ */ a(
     w,
     {
@@ -4679,7 +4704,7 @@ const Ti = $(
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              opacity: g || f ? 0.6 : 1,
+              opacity: u || m ? 0.6 : 1,
               transition: "opacity 0.5s ease-out"
             },
             children: /* @__PURE__ */ S(
@@ -4718,7 +4743,7 @@ const Ti = $(
                       strokeWidth: "2",
                       strokeLinecap: "round",
                       strokeDasharray: `${2 * Math.PI * 8}`,
-                      strokeDashoffset: `${2 * Math.PI * 8 * (1 - u / 100)}`,
+                      strokeDashoffset: `${2 * Math.PI * 8 * (1 - d / 100)}`,
                       style: {
                         transition: "stroke-dashoffset 0.1s ease-out, stroke 0.8s ease-in-out, opacity 2s ease-in-out"
                       }
@@ -4756,31 +4781,31 @@ const Ti = $(
   ), r = A(
     null
   ), i = A(null), n = _(() => {
-    t((g) => ({ ...g, showPauseAnimation: !0 })), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
-      t((g) => ({ ...g, showPauseAnimation: !1 }));
+    t((u) => ({ ...u, showPauseAnimation: !0 })), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+      t((u) => ({ ...u, showPauseAnimation: !1 }));
     }, 800);
   }, []), c = _(() => {
-    t((g) => ({ ...g, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
-      t((g) => ({ ...g, showErrorAnimation: !1 }));
+    t((u) => ({ ...u, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+      t((u) => ({ ...u, showErrorAnimation: !1 }));
     }, 600);
   }, []), s = _(() => {
-    t((g) => ({ ...g, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
+    t((u) => ({ ...u, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
   }, []), l = _(() => {
-    t((g) => ({
-      ...g,
+    t((u) => ({
+      ...u,
       showMainText: !1
     })), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
-      t((g) => ({
-        ...g,
+      t((u) => ({
+        ...u,
         showMainText: !0
       }));
     }, 200);
-  }, []), u = _(() => {
-    t((g) => ({
-      ...g,
+  }, []), d = _(() => {
+    t((u) => ({
+      ...u,
       showMainText: !0
     }));
-  }, []), f = _(() => {
+  }, []), m = _(() => {
     o.current && clearTimeout(o.current), r.current && clearTimeout(r.current), i.current && clearTimeout(i.current);
   }, []);
   return {
@@ -4789,8 +4814,8 @@ const Ti = $(
     triggerErrorAnimation: c,
     clearErrorAnimation: s,
     triggerFadeTransition: l,
-    setInitialAnimationState: u,
-    cleanup: f
+    setInitialAnimationState: d,
+    cleanup: m
   };
 }, Go = ({
   autoStart: e,
@@ -4805,97 +4830,97 @@ const Ti = $(
     isPausedState: !1,
     currentProgress: 0,
     wasRunningBeforeError: !1
-  }), s = A(null), l = A(null), u = A(0), f = A(0), [g] = $t([0], {
+  }), s = A(null), l = A(null), d = A(0), m = A(0), [u] = $t([0], {
     tension: 80,
     friction: 18,
-    onChange: ([m]) => {
-      c((v) => ({ ...v, currentProgress: m }));
+    onChange: ([h]) => {
+      c((v) => ({ ...v, currentProgress: h }));
     }
-  }), d = _(
-    (m = 0) => {
-      const v = m / 60 % 1 * 100;
-      c((b) => ({
-        ...b,
-        elapsedTime: m,
+  }), p = _(
+    (h = 0) => {
+      const v = h / 60 % 1 * 100;
+      c((x) => ({
+        ...x,
+        elapsedTime: h,
         isPausedState: !1,
         currentProgress: v
-      })), u.current = 0, f.current = v, g.setImmediate([v]), e ? (l.current = Date.now() - m * 1e3, c((b) => ({ ...b, isRunning: !0 }))) : l.current = null;
+      })), d.current = 0, m.current = v, u.setImmediate([v]), e ? (l.current = Date.now() - h * 1e3, c((x) => ({ ...x, isRunning: !0 }))) : l.current = null;
     },
-    [e, g]
-  ), p = _(() => {
+    [e, u]
+  ), g = _(() => {
     if (l.current && n.isRunning) {
-      const v = (Date.now() - l.current) / 1e3 + u.current, b = v / 60 % 1 * 100;
-      g.setTarget([b]), c((T) => ({
+      const v = (Date.now() - l.current) / 1e3 + d.current, x = v / 60 % 1 * 100;
+      u.setTarget([x]), c((T) => ({
         ...T,
         elapsedTime: Math.floor(v)
       }));
     }
-    c((m) => ({
-      ...m,
+    c((h) => ({
+      ...h,
       isRunning: !1,
       isPausedState: !0
     })), o();
-  }, [n.isRunning, g, o]), x = _(() => {
-    n.isPausedState && (u.current = n.elapsedTime, l.current = Date.now(), c((m) => ({
-      ...m,
+  }, [n.isRunning, u, o]), f = _(() => {
+    n.isPausedState && (d.current = n.elapsedTime, l.current = Date.now(), c((h) => ({
+      ...h,
       isRunning: !0,
       isPausedState: !1
     })));
   }, [n.isPausedState, n.elapsedTime]), y = _(() => {
-    c((m) => ({
-      ...m,
+    c((h) => ({
+      ...h,
       elapsedTime: 0,
       isRunning: !1,
       isPausedState: !1,
       currentProgress: 0
-    })), u.current = 0, l.current = null, f.current = 0, g.setImmediate([0]);
-  }, [g]), h = _(() => n.isPausedState, [n.isPausedState]);
+    })), d.current = 0, l.current = null, m.current = 0, u.setImmediate([0]);
+  }, [u]), b = _(() => 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 ? (n.isRunning && (c((h) => ({ ...h, wasRunningBeforeError: !0 })), g()), r()) : (n.wasRunningBeforeError && !n.isRunning && (c((h) => ({ ...h, wasRunningBeforeError: !1 })), f()), i());
   }, [
     t,
     n.isRunning,
     n.wasRunningBeforeError,
-    p,
-    x,
+    g,
+    f,
     r,
     i
   ]), F(() => {
     if (n.isRunning) {
-      const m = () => {
+      const h = () => {
         if (l.current) {
-          const b = (Date.now() - l.current) / 1e3 + u.current, T = b / 60 % 1 * 100;
+          const x = (Date.now() - l.current) / 1e3 + d.current, T = x / 60 % 1 * 100;
           c((M) => ({
             ...M,
-            elapsedTime: Math.floor(b)
+            elapsedTime: Math.floor(x)
           })), Math.abs(
-            T - f.current
-          ) > 0.1 && (g.setTarget([T]), f.current = T);
+            T - m.current
+          ) > 0.1 && (u.setTarget([T]), m.current = T);
         }
-        s.current = requestAnimationFrame(m);
+        s.current = requestAnimationFrame(h);
       };
-      s.current = requestAnimationFrame(m);
+      s.current = requestAnimationFrame(h);
     } else
       s.current && (cancelAnimationFrame(s.current), s.current = null);
     return () => {
       s.current && (cancelAnimationFrame(s.current), s.current = null);
     };
-  }, [n.isRunning, g]), F(() => {
-    let m = null;
+  }, [n.isRunning, u]), F(() => {
+    let h = null;
     const v = () => {
-      g.update(), m = requestAnimationFrame(v);
+      u.update(), h = requestAnimationFrame(v);
     };
-    return m = requestAnimationFrame(v), () => {
-      m && cancelAnimationFrame(m);
+    return h = requestAnimationFrame(v), () => {
+      h && cancelAnimationFrame(h);
     };
-  }, [g]), {
+  }, [u]), {
     timerState: n,
     controls: {
-      start: d,
-      pause: p,
-      resume: x,
+      start: p,
+      pause: g,
+      resume: f,
       reset: y,
-      isPaused: h
+      isPaused: b
     }
   };
 }, Mi = $(
@@ -4912,30 +4937,30 @@ const Ti = $(
         animationState: c,
         triggerPauseAnimation: s,
         triggerErrorAnimation: l,
-        clearErrorAnimation: u,
-        setInitialAnimationState: f,
-        cleanup: g
-      } = Wo(), { timerState: d, controls: p } = Go({
+        clearErrorAnimation: d,
+        setInitialAnimationState: m,
+        cleanup: u
+      } = Wo(), { timerState: p, controls: g } = Go({
         autoStart: t,
         hasError: n,
         onPauseAnimation: s,
         onErrorAnimation: l,
-        onClearErrorAnimation: u
+        onClearErrorAnimation: d
       });
       return F(() => {
-        f();
-      }, [f]), F(() => {
-        let x = !0;
+        m();
+      }, [m]), F(() => {
+        let f = !0;
         const y = setTimeout(() => {
-          x && e(p);
+          f && e(g);
         }, 0);
         return () => {
-          x = !1, clearTimeout(y);
+          f = !1, clearTimeout(y);
         };
-      }, [e, p]), F(() => g, [g]), o === "small" ? /* @__PURE__ */ a(
+      }, [e, g]), F(() => u, [u]), o === "small" ? /* @__PURE__ */ a(
         No,
         {
-          timerState: d,
+          timerState: p,
           animationState: c,
           hasError: n,
           compact: r,
@@ -4944,7 +4969,7 @@ const Ti = $(
       ) : /* @__PURE__ */ a(
         Vo,
         {
-          timerState: d,
+          timerState: p,
           animationState: c,
           hasError: n,
           className: i
@@ -4960,101 +4985,107 @@ const Ti = $(
   reverse_rotation_direction: !1
 };
 class gt {
-  constructor(t, o, r, i, n, c, s, l, u, f) {
-    this.nova = t, this.controller = o, this.motionGroup = r, this.initialMotionState = i, this.motionStateSocket = n, this.isVirtual = c, this.tcps = s, this.description = l, this.initialControllerState = u, this.controllerStateSocket = f, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.rapidlyChangingMotionState = i, this.controllerState = u, f.addEventListener("message", (g) => {
-      var p;
-      const d = (p = W(g.data)) == null ? void 0 : p.result;
-      d && D(() => {
-        this.controllerState = d;
+  constructor(t, o, r, i, n, c, s, l, d, m, u) {
+    this.nova = t, this.cellId = o, this.controller = r, this.motionGroup = i, this.initialMotionState = n, this.motionStateSocket = c, this.isVirtual = s, this.tcps = l, this.description = d, this.initialControllerState = m, this.controllerStateSocket = u, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.rapidlyChangingMotionState = n, this.controllerState = m, u.addEventListener("message", (p) => {
+      var f;
+      const g = (f = W(p.data)) == null ? void 0 : f.result;
+      g && D(() => {
+        this.controllerState = g;
       });
-    }), n.addEventListener("message", (g) => {
-      var p;
-      const d = (p = W(g.data)) == null ? void 0 : p.result;
-      if (!d)
+    }), c.addEventListener("message", (p) => {
+      var f;
+      const g = (f = W(p.data)) == null ? void 0 : f.result;
+      if (!g)
         throw new Error(
-          `Failed to get motion state for ${this.motionGroupId}: ${g.data}`
+          `Failed to get motion state for ${this.motionGroupId}: ${p.data}`
         );
       Ut(
         this.rapidlyChangingMotionState.joint_position,
-        d.joint_position,
+        g.joint_position,
         Jt
       ) || D(() => {
-        this.rapidlyChangingMotionState.joint_position = d.joint_position;
+        this.rapidlyChangingMotionState.joint_position = g.joint_position;
       }), Ht(
         this.rapidlyChangingMotionState,
-        d,
+        g,
         Jt
       ) || D(() => {
-        this.rapidlyChangingMotionState.tcp_pose = d.tcp_pose;
-      }), d.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== d.tcp && D(() => {
-        this.rapidlyChangingMotionState.tcp = d.tcp;
-      }), this.rapidlyChangingMotionState.standstill !== d.standstill && D(() => {
-        this.rapidlyChangingMotionState.standstill = d.standstill;
+        this.rapidlyChangingMotionState.tcp_pose = g.tcp_pose;
+      }), g.tcp !== void 0 && this.rapidlyChangingMotionState.tcp !== g.tcp && D(() => {
+        this.rapidlyChangingMotionState.tcp = g.tcp;
+      }), this.rapidlyChangingMotionState.standstill !== g.standstill && D(() => {
+        this.rapidlyChangingMotionState.standstill = g.standstill;
       });
     }), mt(this);
   }
-  static async connectMultiple(t, o) {
+  static async connectMultiple(t, o, r = {}) {
     return Promise.all(
       o.map(
-        (r) => gt.connect(t, r)
+        (i) => gt.connect(t, i, r)
       )
     );
   }
-  static async connect(t, o) {
-    var m, v;
-    const [r, i] = o.split("@"), n = await t.api.controller.getCurrentRobotControllerState(i), c = n == null ? void 0 : n.motion_groups.find(
-      (b) => b.motion_group === o
+  static async connect(t, o, r = {}) {
+    var x, T;
+    const i = r.cellId ?? "cell", [n, c] = o.split("@"), s = await t.api.controller.getCurrentRobotControllerState(
+      i,
+      c
+    ), l = s == null ? void 0 : s.motion_groups.find(
+      (C) => C.motion_group === o
     );
-    if (!n || !c)
+    if (!s || !l)
       throw new Error(
-        `Controller ${i} or motion group ${o} not found`
+        `Controller ${c} or motion group ${o} not found`
       );
-    const s = t.openReconnectingWebsocket(
-      `/controllers/${i}/motion-groups/${o}/state-stream`
-    ), l = await s.firstMessage(), u = (m = W(l.data)) == null ? void 0 : m.result;
+    const d = t.openReconnectingWebsocket(
+      `/cells/${i}/controllers/${c}/motion-groups/${o}/state-stream`
+    ), m = await d.firstMessage(), u = (x = W(m.data)) == null ? void 0 : x.result;
     if (!u)
       throw new Error(
-        `Unable to parse initial motion state message ${l.data}`
+        `Unable to parse initial motion state message ${m.data}`
       );
     console.log(
-      `Connected motion state websocket to motion group ${c.motion_group}. Initial state:
+      `Connected motion state websocket to motion group ${l.motion_group}. Initial state:
   `,
       u
     );
     const g = (await t.api.controller.getRobotController(
-      n.controller
-    )).configuration.kind === "VirtualController", d = await t.api.motionGroup.getMotionGroupDescription(
       i,
-      c.motion_group
-    ), p = Object.entries(d.tcps || {}).map(
-      ([b, T]) => ({
-        id: b,
-        readable_name: T.name,
-        position: T.pose.position,
-        orientation: T.pose.orientation
+      s.controller
+    )).configuration.kind === "VirtualController", f = await t.api.motionGroup.getMotionGroupDescription(
+      i,
+      c,
+      l.motion_group
+    ), y = Object.entries(f.tcps || {}).map(
+      ([C, M]) => ({
+        id: C,
+        readable_name: M.name,
+        position: M.pose.position,
+        orientation: M.pose.orientation
       })
-    ), x = t.openReconnectingWebsocket(
-      `/controllers/${n.controller}/state-stream?response_rate=1000`
-    ), y = await x.firstMessage(), h = (v = W(y.data)) == null ? void 0 : v.result;
-    if (!h)
+    ), b = t.openReconnectingWebsocket(
+      `/cells/${i}/controllers/${s.controller}/state-stream?response_rate=1000`
+    ), h = await b.firstMessage(), v = (T = W(h.data)) == null ? void 0 : T.result;
+    if (!v)
       throw new Error(
-        `Unable to parse initial controller state message ${y.data}`
+        `Unable to parse initial controller state message ${h.data}`
       );
     return console.log(
-      `Connected controller state websocket to controller ${n.controller}. Initial state:
+      `Connected controller state websocket to controller ${s.controller}. Initial state:
   `,
-      h
+      v
     ), new gt(
       t,
-      n,
-      c,
-      u,
+      i,
       s,
-      g,
-      p,
+      l,
+      u,
       d,
-      h,
-      x
+      g,
+      y,
+      f,
+      v,
+      b
     );
   }
   get motionGroupId() {
@@ -5097,11 +5128,11 @@ class gt {
   }
   /** Gets the robot mounting position rotation in 3D viz coordinates */
   get mountingQuaternion() {
-    var i, n, c, s, l, u;
+    var i, n, c, s, l, d;
     const t = new Et.Vector3(
       ((n = (i = this.description.mounting) == null ? void 0 : i.orientation) == null ? void 0 : n[0]) || 0,
       ((s = (c = this.description.mounting) == null ? void 0 : c.orientation) == null ? void 0 : s[1]) || 0,
-      ((u = (l = this.description.mounting) == null ? void 0 : l.orientation) == null ? void 0 : u[2]) || 0
+      ((d = (l = this.description.mounting) == null ? void 0 : l.orientation) == null ? void 0 : d[2]) || 0
     ), o = t.length(), r = t.normalize();
     return new Et.Quaternion().setFromAxisAngle(r, o);
   }
@@ -5153,6 +5184,7 @@ class gt {
     });
     try {
       await this.nova.api.controller.setDefaultMode(
+        this.cellId,
         this.controllerId,
         "ROBOT_SYSTEM_MODE_MONITOR"
       ), D(() => {
@@ -5174,6 +5206,7 @@ class gt {
     });
     try {
       await this.nova.api.controller.setDefaultMode(
+        this.cellId,
         this.controllerId,
         "ROBOT_SYSTEM_MODE_CONTROL"
       ), D(() => {