@wandelbots/wandelbots-js-react-components 5.5.2-pr.fix-performance-issues.594.c24b644 → 5.5.2

package/dist/chunks/{MotionGroupVisualizer-3kwxPNYU.js → MotionGroupVisualizer-DDvhDBEq.js}

@@ -1,26 +1,26 @@
-import { jsx as r, jsxs as w, Fragment as E } from "react/jsx-runtime";
+import { jsx as r, jsxs as x, Fragment as C } from "react/jsx-runtime";
 import * as b from "three";
-import { Matrix4 as R, Vector3 as L, Quaternion as W } from "three";
-import { ConvexGeometry as se, RoundedBoxGeometry as Le } from "three-stdlib";
-import Se, { useMemo as A, useRef as M, useEffect as T, useState as S, useCallback as G, Suspense as ae } from "react";
-import { d as Ge, v as Pe, o as Ae, e as j } from "./externalizeComponent-D6S3WLFc.js";
-import { Environment as Ie, Lightformer as P, Line as $, useGLTF as Fe, Bounds as Z } from "@react-three/drei";
-import { useTheme as De } from "@mui/material/styles";
+import { Matrix4 as R, Vector3 as G, Quaternion as W } from "three";
+import { ConvexGeometry as ie, RoundedBoxGeometry as ke } from "three-stdlib";
+import Le, { useMemo as j, useRef as M, useEffect as T, useCallback as L, useState as S, Suspense as se } from "react";
+import { d as Ge, v as Se, o as Ae, e as E } from "./externalizeComponent-BuuzAqKe.js";
+import { Environment as Fe, Lightformer as F, Line as $, useGLTF as Pe, Bounds as Z } from "@react-three/drei";
+import { useTheme as Ie } from "@mui/material/styles";
 import v from "@mui/material/Box";
 import Q from "@mui/material/Button";
-import Oe from "@mui/material/Card";
+import De from "@mui/material/Card";
 import z from "@mui/material/Divider";
 import ee from "@mui/material/Typography";
-import { useThree as le, useFrame as ce, Canvas as te } from "@react-three/fiber";
-import { observer as Ve } from "mobx-react-lite";
-import { useTranslation as Ue } from "react-i18next";
-import { V as ue, c as fe, b as re } from "./interpolation-D9WFd-j_.js";
-import { NovaClient as Ce, Manufacturer as _, JointTypeEnum as C } from "@wandelbots/nova-js/v2";
+import { useThree as ae, useFrame as le, Canvas as te } from "@react-three/fiber";
+import { observer as Oe } from "mobx-react-lite";
+import { useTranslation as Ve } from "react-i18next";
+import { V as ce, c as ue, b as re } from "./interpolation-BfD7X52s.js";
+import { NovaClient as Ue, Manufacturer as _, JointTypeEnum as U } from "@wandelbots/nova-js/v2";
 import { ErrorBoundary as pe } from "react-error-boundary";
-function Ee(e) {
+function Ce(e) {
   switch (e.shape_type) {
     case "convex_hull":
-      return new se(
+      return new ie(
         e.vertices.map(
           (t) => new b.Vector3(
             t[0] / 1e3,
@@ -59,46 +59,46 @@ function je({
   collider: n,
   children: t
 }) {
-  var f, c;
-  const l = ((f = n.pose) == null ? void 0 : f.position) ?? [0, 0, 0], i = ((c = n.pose) == null ? void 0 : c.orientation) ?? [0, 0, 0];
+  var p, u;
+  const a = ((p = n.pose) == null ? void 0 : p.position) ?? [0, 0, 0], i = ((u = n.pose) == null ? void 0 : u.orientation) ?? [0, 0, 0];
   return n.margin && console.warn(`${e} margin is not supported`), /* @__PURE__ */ r(
     "mesh",
     {
       name: e,
       position: new b.Vector3(
-        l[0],
-        l[1],
-        l[2]
+        a[0],
+        a[1],
+        a[2]
       ).divideScalar(1e3),
       rotation: new b.Euler(i[0], i[1], i[2], "XYZ"),
-      geometry: Ee(n.shape),
+      geometry: Ce(n.shape),
       children: t
     }
   );
 }
-function Je({
+function Ee({
   name: e,
   colliders: n,
   meshChildrenProvider: t,
-  ...l
+  ...a
 }) {
-  return /* @__PURE__ */ r("group", { name: e, ...l, children: Object.entries(n).map(([i, f]) => /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("group", { name: e, ...a, children: Object.entries(n).map(([i, p]) => /* @__PURE__ */ r(
     je,
     {
       name: i,
-      collider: f,
-      children: t(i, f)
+      collider: p,
+      children: t(i, p)
     },
     i
   )) });
 }
-function bt({
+function yt({
   scene: e,
   meshChildrenProvider: n
 }) {
   const t = e.colliders;
   return /* @__PURE__ */ r("group", { children: t && /* @__PURE__ */ r(
-    Je,
+    Ee,
     {
       meshChildrenProvider: n,
       colliders: t
@@ -106,13 +106,12 @@ function bt({
   ) });
 }
 function ne() {
-  return /* @__PURE__ */ r(Ie, { frames: 1, children: /* @__PURE__ */ r(We, {}) });
+  return /* @__PURE__ */ r(Fe, { children: /* @__PURE__ */ r(Je, {}) });
 }
-const Be = [2, 0, 2, 0, 2, 0, 2, 0];
-function We({ positions: e = Be }) {
-  return /* @__PURE__ */ w(E, { children: [
+function Je({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
+  return /* @__PURE__ */ x(C, { children: [
     /* @__PURE__ */ r(
-      P,
+      F,
       {
         intensity: 5,
         "rotation-x": Math.PI / 2,
@@ -121,7 +120,7 @@ function We({ positions: e = Be }) {
       }
     ),
     /* @__PURE__ */ r("group", { rotation: [0, 0.5, 0], children: /* @__PURE__ */ r("group", { children: e.map((n, t) => /* @__PURE__ */ r(
-      P,
+      F,
       {
         form: "circle",
         intensity: 5,
@@ -132,7 +131,7 @@ function We({ positions: e = Be }) {
       t
     )) }) }),
     /* @__PURE__ */ r(
-      P,
+      F,
       {
         intensity: 40,
         "rotation-y": Math.PI / 2,
@@ -141,7 +140,7 @@ function We({ positions: e = Be }) {
       }
     ),
     /* @__PURE__ */ r(
-      P,
+      F,
       {
         intensity: 20,
         "rotation-y": -Math.PI,
@@ -150,7 +149,7 @@ function We({ positions: e = Be }) {
       }
     ),
     /* @__PURE__ */ r(
-      P,
+      F,
       {
         "rotation-y": Math.PI / 2,
         position: [-5, -1, -1],
@@ -159,7 +158,7 @@ function We({ positions: e = Be }) {
       }
     ),
     /* @__PURE__ */ r(
-      P,
+      F,
       {
         "rotation-y": -Math.PI / 2,
         position: [10, 1, 0],
@@ -168,7 +167,7 @@ function We({ positions: e = Be }) {
       }
     ),
     /* @__PURE__ */ r(
-      P,
+      F,
       {
         form: "ring",
         color: "white",
@@ -180,59 +179,55 @@ function We({ positions: e = Be }) {
     )
   ] });
 }
-const oe = {
-  attach: "material",
-  color: "#009f4d",
-  opacity: 0.2,
-  depthTest: !1,
-  depthWrite: !1,
-  transparent: !0,
-  polygonOffset: !0
-};
-function wt({
+function gt({
   safetyZones: e,
   dhParameters: n,
   ...t
 }) {
-  const l = A(
-    () => Ge(n ?? []),
-    [n]
-  ), i = (c, o) => {
-    var u, d;
-    if (!((u = o == null ? void 0 : o.pose) != null && u.position) || !((d = o == null ? void 0 : o.pose) != null && d.orientation))
+  const a = {
+    attach: "material",
+    color: "#009f4d",
+    opacity: 0.2,
+    depthTest: !1,
+    depthWrite: !1,
+    transparent: !0,
+    polygonOffset: !0
+  }, i = Ge(n ?? []), p = (h, l) => {
+    var d, y;
+    if (!((d = l == null ? void 0 : l.pose) != null && d.position) || !((y = l == null ? void 0 : l.pose) != null && y.orientation))
       return null;
-    const y = new b.Vector3(
-      o.pose.position[0] / 1e3,
-      o.pose.position[1] / 1e3,
-      o.pose.position[2] / 1e3
-    ), s = new b.Vector3(
-      o.pose.orientation[0],
-      o.pose.orientation[1],
-      o.pose.orientation[2]
+    const s = new b.Vector3(
+      l.pose.position[0] / 1e3,
+      l.pose.position[1] / 1e3,
+      l.pose.position[2] / 1e3
+    ), m = new b.Vector3(
+      l.pose.orientation[0],
+      l.pose.orientation[1],
+      l.pose.orientation[2]
     );
-    let m;
-    const a = o.shape.shape_type === "plane" ? { ...oe, side: b.DoubleSide } : { ...oe, side: b.FrontSide };
-    switch (o.shape.shape_type) {
+    let o;
+    const c = l.shape.shape_type === "plane" ? { ...a, side: b.DoubleSide } : { ...a, side: b.FrontSide };
+    switch (l.shape.shape_type) {
       /**
        * Plane shape, uses DH parameters to calculate the size of the plane (reach distance of a robot)
        */
       case "plane":
-        m = /* @__PURE__ */ r("planeGeometry", { args: [l, l] });
+        o = /* @__PURE__ */ r("planeGeometry", { args: [i, i] });
         break;
       /**
        * Sphere shape
        */
       case "sphere": {
-        const p = (o == null ? void 0 : o.shape).radius / 1e3;
-        m = /* @__PURE__ */ r("sphereGeometry", { args: [p] });
+        const f = (l == null ? void 0 : l.shape).radius / 1e3;
+        o = /* @__PURE__ */ r("sphereGeometry", { args: [f] });
         break;
       }
       /**
        * Capsule shape
        */
       case "capsule": {
-        const p = (o == null ? void 0 : o.shape).radius / 1e3, h = (o == null ? void 0 : o.shape).cylinder_height / 1e3;
-        m = /* @__PURE__ */ r("capsuleGeometry", { args: [p, h] });
+        const f = (l == null ? void 0 : l.shape).radius / 1e3, w = (l == null ? void 0 : l.shape).cylinder_height / 1e3;
+        o = /* @__PURE__ */ r("capsuleGeometry", { args: [f, w] });
         break;
       }
       /**
@@ -240,21 +235,21 @@ function wt({
        * renderer to be able to visualize the convex hull.
        */
       case "convex_hull": {
-        const p = (o == null ? void 0 : o.shape).vertices.map(
+        const f = (l == null ? void 0 : l.shape).vertices.map(
           (g) => new b.Vector3(g[0] / 1e3, g[1] / 1e3, g[2] / 1e3)
-        ), h = Pe(p);
-        if (h.isCoplanar && h.normal) {
-          const x = new b.Vector3().addVectors(
-            p[0],
-            h.normal.multiplyScalar(1e-4)
+        ), w = Se(f);
+        if (w.isCoplanar && w.normal) {
+          const A = new b.Vector3().addVectors(
+            f[0],
+            w.normal.multiplyScalar(1e-4)
           );
-          p.push(x);
+          f.push(A);
         }
         try {
-          m = /* @__PURE__ */ r(
+          o = /* @__PURE__ */ r(
             "primitive",
             {
-              object: new se(p),
+              object: new ie(f),
               attach: "geometry"
             }
           );
@@ -271,11 +266,11 @@ function wt({
        * Basically a rounded box with a rectangular cross-section.
        */
       case "rectangular_capsule": {
-        const p = o.shape, h = p.radius / 1e3, g = p.sphere_center_distance_x / 1e3, x = p.sphere_center_distance_y / 1e3, I = h * 2;
-        m = /* @__PURE__ */ r(
+        const f = l.shape, w = f.radius / 1e3, g = f.sphere_center_distance_x / 1e3, A = f.sphere_center_distance_y / 1e3, P = w * 2;
+        o = /* @__PURE__ */ r(
           "primitive",
           {
-            object: new Le(g, x, I, 2, h),
+            object: new ke(g, A, P, 2, w),
             attach: "geometry"
           }
         );
@@ -284,39 +279,39 @@ function wt({
       default:
         console.warn(
           "Unsupported safety zone shape type:",
-          o.shape.shape_type
-        ), m = null;
+          l.shape.shape_type
+        ), o = null;
     }
-    return /* @__PURE__ */ w(
+    return /* @__PURE__ */ x(
       "mesh",
       {
-        renderOrder: c,
-        position: y,
-        quaternion: Ae(s),
+        renderOrder: h,
+        position: s,
+        quaternion: Ae(m),
         children: [
-          m,
-          /* @__PURE__ */ r("meshStandardMaterial", { ...a, polygonOffsetFactor: -c })
+          o,
+          /* @__PURE__ */ r("meshStandardMaterial", { ...c, polygonOffsetFactor: -h })
         ]
       },
-      `safety-zone-${o.shape.shape_type}-${c}`
+      `safety-zone-${l.shape.shape_type}-${h}`
     );
-  }, f = A(() => Object.values(e ?? {}).map(
-    (c, o) => i(o, c)
-  ), [e, l]);
-  return /* @__PURE__ */ r("group", { ...t, children: f });
+  }, u = j(() => Object.values(e ?? {}).map(
+    (h, l) => p(l, h)
+  ), [e, i]);
+  return /* @__PURE__ */ r("group", { ...t, children: u });
 }
-function xt({
+function bt({
   trajectory: e,
   ...n
 }) {
-  const t = (e == null ? void 0 : e.map((l) => {
-    if (l.position && l.position.length >= 3) {
-      const [i, f, c] = l.position;
-      if (Number.isFinite(i) && Number.isFinite(f) && Number.isFinite(c))
-        return new b.Vector3(i / 1e3, c / 1e3, -f / 1e3);
+  const t = (e == null ? void 0 : e.map((a) => {
+    if (a.position && a.position.length >= 3) {
+      const [i, p, u] = a.position;
+      if (Number.isFinite(i) && Number.isFinite(p) && Number.isFinite(u))
+        return new b.Vector3(i / 1e3, u / 1e3, -p / 1e3);
     }
     return null;
-  }).filter((l) => l !== null)) || [];
+  }).filter((a) => a !== null)) || [];
   return /* @__PURE__ */ r("group", { ...n, children: t.length > 0 && /* @__PURE__ */ r(
     $,
     {
@@ -333,178 +328,180 @@ async function J(e, n) {
   if (B.has(e))
     return B.get(e);
   const t = (async () => {
-    var c;
-    const l = n || "", i = new Ce({ instanceUrl: l }), f = i.api.motionGroupModels;
-    (c = f.axios) != null && c.interceptors && f.axios.interceptors.request.use((o) => {
-      var y;
-      return (y = o.url) != null && y.includes("/glb") && (o.responseType = "blob"), o;
+    var u;
+    const a = n || "", i = new Ue({ instanceUrl: a }), p = i.api.motionGroupModels;
+    (u = p.axios) != null && u.interceptors && p.axios.interceptors.request.use((h) => {
+      var l;
+      return (l = h.url) != null && l.includes("/glb") && (h.responseType = "blob"), h;
     });
     try {
-      const o = await i.api.motionGroupModels.getMotionGroupGlbModel(
+      const h = await i.api.motionGroupModels.getMotionGroupGlbModel(
         e
       );
-      return URL.createObjectURL(o);
-    } catch (o) {
-      throw console.error("Failed to fetch model:", o), o;
+      return URL.createObjectURL(h);
+    } catch (h) {
+      throw console.error("Failed to fetch model:", h), h;
     }
   })();
   return B.set(e, t), t;
 }
-function de(e) {
+function fe(e) {
   function n(t) {
-    return t.children.length === 0 ? [t] : [t, ...t.children.flatMap((l) => n(l))];
+    return t.children.length === 0 ? [t] : [t, ...t.children.flatMap((a) => n(a))];
   }
-  return n(e).filter((t) => me(t));
+  return n(e).filter((t) => he(t));
 }
-function he(e) {
+function de(e) {
   return e.name.endsWith("_FLG");
 }
-function me(e) {
+function he(e) {
   return /_J[0-9]+$/.test(e.name);
 }
-function $e(e, n) {
+function Be(e, n) {
   let t;
-  function l(i) {
-    if (he(i)) {
+  function a(i) {
+    if (de(i)) {
       if (t)
         throw Error(
           `Found multiple flange groups in robot model ${n}; first ${t.name} then ${i.name}. Only one _FLG group is allowed.`
         );
       t = i;
     }
-    me(i), i.children.map(l);
+    he(i), i.children.map(a);
   }
-  if (l(e.scene), !t)
+  if (a(e.scene), !t)
     throw Error(
       `No flange group found in robot model ${n}. Flange must be identified with a name ending in _FLG.`
     );
   return { gltf: e };
 }
-function ye({
+function me({
   rapidlyChangingMotionState: e,
   dhParameters: n,
   onRotationChanged: t,
-  children: l
+  children: a
 }) {
-  const i = M([]), f = M(null), { invalidate: c } = le(), o = M(e);
-  o.current = e, T(() => {
-    const a = e.joint_position.filter(
-      (u) => u !== void 0
+  const i = M([]), p = M([]), u = M(null), { invalidate: h } = ae();
+  T(() => {
+    const o = e.joint_position.filter(
+      (c) => c !== void 0
     );
-    return f.current = new ue(a, {
+    return u.current = new ce(o, {
       tension: 120,
       // Controls spring stiffness - higher values create faster, more responsive motion
       friction: 20,
       // Controls damping - higher values reduce oscillation and create smoother settling
       threshold: 1e-3
     }), () => {
-      var u;
-      (u = f.current) == null || u.destroy();
+      var c;
+      (c = u.current) == null || c.destroy();
     };
-  }, []), ce((a, u) => {
-    if (f.current) {
-      const d = f.current.update(u);
-      s(), d || c();
+  }, []), le((o, c) => {
+    if (u.current) {
+      const d = u.current.update(c);
+      s(), d || h();
     }
   });
-  function y(a) {
-    a && (i.current = de(a), s(), c());
+  function l(o) {
+    o && (p.current = fe(o), s(), h());
   }
   function s() {
-    var u;
-    const a = ((u = f.current) == null ? void 0 : u.getCurrentValues()) || [];
+    var c;
+    const o = ((c = u.current) == null ? void 0 : c.getCurrentValues()) || [];
     if (t)
-      t(i.current, a);
+      t(p.current, o);
     else
-      for (const [d, p] of i.current.entries()) {
-        const h = n[d], g = h.theta || 0, x = h.reverse_rotation_direction ? -1 : 1;
-        p.rotation.y = x * (a[d] || 0) + g;
+      for (const [d, y] of p.current.entries()) {
+        const f = n[d], w = f.theta || 0, g = f.reverse_rotation_direction ? -1 : 1;
+        y.rotation.y = g * (o[d] || 0) + w;
       }
   }
-  function m(a) {
-    var d;
-    const u = a.joint_position.filter(
-      (p) => p !== void 0
+  const m = L(() => {
+    const o = e.joint_position.filter(
+      (c) => c !== void 0
     );
-    (d = f.current) == null || d.setTarget(u), c();
-  }
-  return fe(() => {
-    m(o.current);
-  }), T(() => {
-    m(e);
-  }, [e]), /* @__PURE__ */ r("group", { ref: y, children: l });
+    requestAnimationFrame(() => {
+      var c;
+      i.current = o, (c = u.current) == null || c.setTarget(o);
+    });
+  }, [e]);
+  return T(() => {
+    m();
+  }, [e, m]), ue(() => {
+    m();
+  }), /* @__PURE__ */ r("group", { ref: l, children: a });
 }
-const Ne = "line", He = "mesh";
-function Ye({
+const We = "line", $e = "mesh";
+function Ne({
   rapidlyChangingMotionState: e,
   dhParameters: n,
   ...t
 }) {
-  const l = new R(), i = M([]), f = M([]);
-  Se.useEffect(() => {
-    i.current = new Array(n.length).fill(null), f.current = new Array(n.length).fill(null);
+  const a = new R(), i = M([]), p = M([]);
+  Le.useEffect(() => {
+    i.current = new Array(n.length).fill(null), p.current = new Array(n.length).fill(null);
   }, [n.length]);
-  function c(s, m) {
-    const a = new L(), u = new W(), d = new L();
-    l.decompose(a, u, d);
-    const p = a.clone(), h = new R().makeRotationY(
+  function u(s, m) {
+    const o = new G(), c = new W(), d = new G();
+    a.decompose(o, c, d);
+    const y = o.clone(), f = new R().makeRotationY(
       s.theta + m * (s.reverse_rotation_direction ? -1 : 1)
     ).multiply(new R().makeTranslation(0, s.d / 1e3, 0)).multiply(new R().makeTranslation(s.a / 1e3, 0, 0)).multiply(new R().makeRotationX(s.alpha));
-    return l.multiply(h), l.decompose(a, u, d), { a: p, b: a };
+    return a.multiply(f), a.decompose(o, c, d), { a: y, b: o };
   }
-  function o(s, m, a, u) {
+  function h(s, m, o, c) {
     if (!n)
       return;
     const d = n[s];
     if (!d)
       return;
-    const { a: p, b: h } = c(d, u);
-    m.geometry.setPositions([p.toArray(), h.toArray()].flat()), a.position.set(h.x, h.y, h.z);
+    const { a: y, b: f } = u(d, c);
+    m.geometry.setPositions([y.toArray(), f.toArray()].flat()), o.position.set(f.x, f.y, f.z);
   }
-  function y(s, m) {
-    l.identity();
-    for (let a = 0; a < Math.min(s.length, m.length); a++) {
-      const u = i.current[a], d = f.current[a];
-      u && d && o(a, u, d, m[a]);
+  function l(s, m) {
+    a.identity();
+    for (let o = 0; o < Math.min(s.length, m.length); o++) {
+      const c = i.current[o], d = p.current[o];
+      c && d && h(o, c, d, m[o]);
     }
   }
   return /* @__PURE__ */ r(
-    ye,
+    me,
     {
       rapidlyChangingMotionState: e,
       dhParameters: n,
-      onRotationChanged: y,
-      children: /* @__PURE__ */ w("group", { ...t, name: "Scene", children: [
-        /* @__PURE__ */ w("mesh", { children: [
+      onRotationChanged: l,
+      children: /* @__PURE__ */ x("group", { ...t, name: "Scene", children: [
+        /* @__PURE__ */ x("mesh", { children: [
           /* @__PURE__ */ r("sphereGeometry", { args: [0.01, 32, 32] }),
           /* @__PURE__ */ r("meshStandardMaterial", { color: "black", depthTest: !0 })
         ] }),
         n == null ? void 0 : n.map((s, m) => {
-          const { a, b: u } = c(
+          const { a: o, b: c } = u(
             s,
             e.joint_position[m] ?? 0
           ), d = `dhrobot_J0${m}`;
-          return /* @__PURE__ */ w("group", { name: d, children: [
+          return /* @__PURE__ */ x("group", { name: d, children: [
             /* @__PURE__ */ r(
               $,
               {
-                ref: (p) => {
-                  i.current[m] = p;
+                ref: (y) => {
+                  i.current[m] = y;
                 },
-                name: Ne,
-                points: [a, u],
+                name: We,
+                points: [o, c],
                 color: "white",
                 lineWidth: 5
               }
             ),
-            /* @__PURE__ */ w(
+            /* @__PURE__ */ x(
               "mesh",
               {
-                ref: (p) => {
-                  f.current[m] = p;
+                ref: (y) => {
+                  p.current[m] = y;
                 },
-                name: He,
-                position: u,
+                name: $e,
+                position: c,
                 children: [
                   /* @__PURE__ */ r("sphereGeometry", { args: [0.01, 32, 32] }),
                   /* @__PURE__ */ r("meshStandardMaterial", { color: "black", depthTest: !0 })
@@ -518,32 +515,32 @@ function Ye({
     }
   );
 }
-const qe = console.warn;
-function ge() {
+const He = console.warn;
+function ye() {
   return T(() => {
     console.warn = (e) => {
-      e !== "Cannot call the manual advancement of rafz whilst frameLoop is not set as demand" && qe(e);
+      e !== "Cannot call the manual advancement of rafz whilst frameLoop is not set as demand" && He(e);
     };
   }, []), null;
 }
-function Xe(e) {
+function qe(e) {
   return e.type === "Mesh";
 }
-function Ke({
+function Ye({
   url: e,
   flangeRef: n,
   postModelRender: t,
-  ...l
+  ...a
 }) {
-  const i = Fe(e), c = $e(i, "robot.glb").gltf, o = G(
+  const i = Pe(e), u = Be(i, "robot.glb").gltf, h = L(
     (s) => {
       s && t && t();
     },
     [t]
   );
-  function y(s) {
+  function l(s) {
     try {
-      return Xe(s) ? s.geometry ? /* @__PURE__ */ r(
+      return qe(s) ? s.geometry ? /* @__PURE__ */ r(
         "mesh",
         {
           name: s.name,
@@ -567,8 +564,8 @@ function Ke({
           name: s.name,
           position: s.position,
           rotation: s.rotation,
-          ref: he(s) ? n : void 0,
-          children: s.children.map(y)
+          ref: de(s) ? n : void 0,
+          children: s.children.map(l)
         },
         s.uuid
       );
@@ -576,50 +573,51 @@ function Ke({
       return console.warn("Error rendering node", s.name, m), null;
     }
   }
-  return /* @__PURE__ */ r("group", { ...l, dispose: null, ref: o, children: y(c.scene) });
+  return /* @__PURE__ */ r("group", { ...a, dispose: null, ref: h, children: l(u.scene) });
 }
-function be({
+function ge({
   modelURL: e,
   flangeRef: n,
   postModelRender: t,
-  ...l
+  ...a
 }) {
-  const [i, f] = S(null);
+  const [i, p] = S(null);
   return T(() => {
-    let c = !1;
-    return (async () => {
+    (async () => {
       try {
-        const y = typeof e == "string" ? e : await e;
-        c || f((s) => s === y ? s : y);
-      } catch (y) {
-        console.error("Failed to resolve model URL:", y);
+        if (typeof e == "string")
+          p(e);
+        else {
+          const h = await e;
+          p(h);
+        }
+      } catch (h) {
+        console.error("Failed to resolve model URL:", h);
       }
-    })(), () => {
-      c = !0;
-    };
+    })();
   }, [e]), i ? /* @__PURE__ */ r(
-    Ke,
+    Ye,
     {
       url: i,
       flangeRef: n,
       postModelRender: t,
-      ...l
+      ...a
     }
   ) : null;
 }
-const we = (e, n) => {
+const be = (e, n) => {
   e.userData.isGhost || (e.traverse((t) => {
     if (t instanceof b.Mesh) {
       t.material instanceof b.Material && (t.material.colorWrite = !1);
-      const l = t.clone(), i = t.clone();
-      l.material = new b.MeshStandardMaterial({
+      const a = t.clone(), i = t.clone();
+      a.material = new b.MeshStandardMaterial({
         depthTest: !0,
         depthWrite: !0,
         colorWrite: !1,
         polygonOffset: !0,
         polygonOffsetFactor: -1,
         side: b.DoubleSide
-      }), l.userData.isGhost = !0, i.material = new b.MeshStandardMaterial({
+      }), a.userData.isGhost = !0, i.material = new b.MeshStandardMaterial({
         color: n,
         opacity: 0.3,
         depthTest: !0,
@@ -628,169 +626,169 @@ const we = (e, n) => {
         polygonOffset: !0,
         polygonOffsetFactor: -2,
         side: b.DoubleSide
-      }), i.userData.isGhost = !0, t.parent && (t.parent.add(l), t.parent.add(i));
+      }), i.userData.isGhost = !0, t.parent && (t.parent.add(a), t.parent.add(i));
     }
   }), e.userData.isGhost = !0);
-}, xe = (e) => {
+}, we = (e) => {
   if (!e.userData.isGhost) return;
   const n = [];
   e.traverse((t) => {
-    var l;
-    t instanceof b.Mesh && ((l = t.userData) != null && l.isGhost ? n.push(t) : t.material instanceof b.Material && (t.material.colorWrite = !0));
+    var a;
+    t instanceof b.Mesh && ((a = t.userData) != null && a.isGhost ? n.push(t) : t.material instanceof b.Material && (t.material.colorWrite = !0));
   }), n.forEach((t) => {
     t.parent && t.parent.remove(t);
   }), e.userData.isGhost = !1;
-}, Re = j(
+}, xe = E(
   ({
     rapidlyChangingMotionState: e,
     modelFromController: n,
     dhParameters: t,
-    getModel: l = J,
+    getModel: a = J,
     flangeRef: i,
-    postModelRender: f,
-    transparentColor: c,
-    instanceUrl: o,
-    ...y
+    postModelRender: p,
+    transparentColor: u,
+    instanceUrl: h,
+    ...l
   }) => {
-    const [s, m] = S(null), a = G((p) => {
-      m(p);
+    const [s, m] = S(null), o = L((d) => {
+      m(d);
     }, []);
     T(() => {
-      s && (c ? we(s, c) : xe(s));
-    }, [s, c]);
-    const u = A(() => {
-      const p = l(n, o);
-      if (!p) {
-        const h = new Blob([], { type: "model/gltf-binary" }), g = new File(
-          [h],
-          `${n}.glb`,
-          { type: "model/gltf-binary" }
-        );
-        return Promise.resolve(URL.createObjectURL(g));
-      }
-      return p;
-    }, [n, o, l]), d = /* @__PURE__ */ r(
-      Ye,
+      s && (u ? be(s, u) : we(s));
+    }, [s, u]);
+    const c = /* @__PURE__ */ r(
+      Ne,
       {
         rapidlyChangingMotionState: e,
         dhParameters: t,
-        ...y
+        ...l
       }
     );
-    return /* @__PURE__ */ w(
+    return /* @__PURE__ */ x(
       pe,
       {
-        fallback: d,
-        onError: (p) => {
-          console.warn(p);
+        fallback: c,
+        onError: (d) => {
+          console.warn(d);
         },
         children: [
-          /* @__PURE__ */ r(ae, { fallback: d, children: /* @__PURE__ */ r("group", { ref: a, children: /* @__PURE__ */ r(
-            ye,
+          /* @__PURE__ */ r(se, { fallback: c, children: /* @__PURE__ */ r("group", { ref: o, children: /* @__PURE__ */ r(
+            me,
             {
               rapidlyChangingMotionState: e,
               dhParameters: t,
               children: /* @__PURE__ */ r(
-                be,
+                ge,
                 {
-                  modelURL: u,
-                  postModelRender: f,
+                  modelURL: (() => {
+                    const d = a(n, h);
+                    if (!d) {
+                      const y = new Blob([], { type: "model/gltf-binary" }), f = new File(
+                        [y],
+                        `${n}.glb`,
+                        { type: "model/gltf-binary" }
+                      );
+                      return Promise.resolve(URL.createObjectURL(f));
+                    }
+                    return d;
+                  })(),
+                  postModelRender: p,
                   flangeRef: i,
-                  ...y
+                  ...l
                 }
               )
             }
           ) }) }),
-          /* @__PURE__ */ r(ge, {})
+          /* @__PURE__ */ r(ye, {})
         ]
       }
     );
   }
 );
-function Ze({
+function Xe({
   connectedMotionGroup: e,
   getModel: n = J,
   flangeRef: t,
-  transparentColor: l,
+  transparentColor: a,
   postModelRender: i,
-  ...f
+  ...p
 }) {
   return e.dhParameters ? /* @__PURE__ */ r(
-    Re,
+    xe,
     {
       rapidlyChangingMotionState: e.rapidlyChangingMotionState,
       modelFromController: e.modelFromController || "",
       dhParameters: e.dhParameters,
       getModel: n,
       flangeRef: t,
-      transparentColor: l,
+      transparentColor: a,
       postModelRender: i,
-      ...f
+      ...p
     }
   ) : null;
 }
-const Rt = j(
-  Ve(
+const wt = E(
+  Oe(
     ({
       robotName: e,
       programState: n,
       safetyState: t,
-      operationMode: l,
+      operationMode: a,
       driveToHomeEnabled: i = !1,
-      onDriveToHomePress: f,
-      onDriveToHomeRelease: c,
-      connectedMotionGroup: o,
-      robotComponent: y = Ze,
+      onDriveToHomePress: p,
+      onDriveToHomeRelease: u,
+      connectedMotionGroup: h,
+      robotComponent: l = Xe,
       customContentComponent: s,
       className: m
     }) => {
-      var Y;
-      const a = De(), { t: u } = Ue(), [d, p] = S(!1), h = M(null), g = M(null), [x, I] = S(!1), [F, Te] = S({ width: 400, height: 600 }), [ze, ke] = S(0);
+      var q;
+      const o = Ie(), { t: c } = Ve(), [d, y] = S(!1), f = M(null), w = M(null), [g, A] = S(!1), [P, _e] = S({ width: 400, height: 600 }), [Ze, Te] = S(0);
       T(() => {
-        const U = () => {
-          if (g.current) {
-            const { offsetWidth: X, offsetHeight: K } = g.current;
-            I(X > K), Te({ width: X, height: K });
+        const V = () => {
+          if (w.current) {
+            const { offsetWidth: X, offsetHeight: K } = w.current;
+            A(X > K), _e({ width: X, height: K });
           }
         };
-        U();
-        const q = new ResizeObserver(U);
-        return g.current && q.observe(g.current), () => {
-          q.disconnect();
+        V();
+        const Y = new ResizeObserver(V);
+        return w.current && Y.observe(w.current), () => {
+          Y.disconnect();
         };
       }, []);
-      const N = G(() => {
-        ke((U) => U + 1);
-      }, []), D = G(() => {
-        !i || !f || (p(!0), f());
-      }, [i, f]), O = G(() => {
-        !i || !c || (p(!1), c());
-      }, [i, c]), H = G(() => {
-        d && c && (p(!1), c());
-      }, [d, c]), k = x ? F.width < 350 : F.height < 200, V = x ? F.height < 310 : F.height < 450;
+      const N = L(() => {
+        Te((V) => V + 1);
+      }, []), I = L(() => {
+        !i || !p || (y(!0), p());
+      }, [i, p]), D = L(() => {
+        !i || !u || (y(!1), u());
+      }, [i, u]), H = L(() => {
+        d && u && (y(!1), u());
+      }, [d, u]), k = g ? P.width < 350 : P.height < 200, O = g ? P.height < 310 : P.height < 450;
       return /* @__PURE__ */ r(
-        Oe,
+        De,
         {
-          ref: g,
+          ref: w,
           className: m,
           sx: {
             width: "100%",
             height: "100%",
             display: "flex",
-            flexDirection: x ? "row" : "column",
+            flexDirection: g ? "row" : "column",
             position: "relative",
             overflow: "hidden",
             minWidth: { xs: 180, sm: 220, md: 250 },
-            minHeight: x ? { xs: 200, sm: 240, md: 260 } : { xs: 150, sm: 180, md: 220 },
+            minHeight: g ? { xs: 200, sm: 240, md: 260 } : { xs: 150, sm: 180, md: 220 },
             // Allow progressive hiding in portrait mode
-            border: `1px solid ${a.palette.divider}`,
+            border: `1px solid ${o.palette.divider}`,
             borderRadius: "18px",
             boxShadow: "none",
-            backgroundColor: ((Y = a.palette.backgroundPaperElevation) == null ? void 0 : Y[8]) || "#2A2A3F",
+            backgroundColor: ((q = o.palette.backgroundPaperElevation) == null ? void 0 : q[8]) || "#2A2A3F",
             backgroundImage: "none"
             // Override any gradient from elevation
           },
-          children: x ? /* @__PURE__ */ w(E, { children: [
+          children: g ? /* @__PURE__ */ x(C, { children: [
             /* @__PURE__ */ r(
               v,
               {
@@ -807,7 +805,7 @@ const Rt = j(
                   // Prevent content from affecting container size
                   display: k ? "none" : "block"
                 },
-                children: !k && /* @__PURE__ */ w(
+                children: !k && /* @__PURE__ */ x(
                   te,
                   {
                     orthographic: !0,
@@ -818,7 +816,7 @@ const Rt = j(
                     shadows: !0,
                     frameloop: "demand",
                     style: {
-                      borderRadius: a.shape.borderRadius,
+                      borderRadius: o.shape.borderRadius,
                       width: "100%",
                       height: "100%",
                       background: "transparent",
@@ -831,9 +829,9 @@ const Rt = j(
                     children: [
                       /* @__PURE__ */ r(ne, {}),
                       /* @__PURE__ */ r(Z, { fit: !0, observe: !0, margin: 1, maxDuration: 1, children: /* @__PURE__ */ r(
-                        y,
+                        l,
                         {
-                          connectedMotionGroup: o,
+                          connectedMotionGroup: h,
                           postModelRender: N
                         }
                       ) })
@@ -842,7 +840,7 @@ const Rt = j(
                 )
               }
             ),
-            /* @__PURE__ */ w(
+            /* @__PURE__ */ x(
               v,
               {
                 sx: {
@@ -853,7 +851,7 @@ const Rt = j(
                   width: k ? "100%" : "50%"
                 },
                 children: [
-                  /* @__PURE__ */ w(
+                  /* @__PURE__ */ x(
                     v,
                     {
                       sx: {
@@ -868,13 +866,13 @@ const Rt = j(
                           {
                             programState: n,
                             safetyState: t,
-                            operationMode: l
+                            operationMode: a
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ w(
+                  /* @__PURE__ */ x(
                     v,
                     {
                       sx: {
@@ -886,7 +884,7 @@ const Rt = j(
                         justifyContent: "space-between"
                       },
                       children: [
-                        !V && s && /* @__PURE__ */ w(v, { children: [
+                        !O && s && /* @__PURE__ */ x(v, { children: [
                           /* @__PURE__ */ r(s, {}),
                           /* @__PURE__ */ r(
                             z,
@@ -894,7 +892,7 @@ const Rt = j(
                               sx: {
                                 mt: 1,
                                 mb: 0,
-                                borderColor: a.palette.divider,
+                                borderColor: o.palette.divider,
                                 opacity: 0.5
                               }
                             }
@@ -904,7 +902,7 @@ const Rt = j(
                           v,
                           {
                             sx: {
-                              mt: !V && s ? "auto" : 0
+                              mt: !O && s ? "auto" : 0
                             },
                             children: /* @__PURE__ */ r(
                               v,
@@ -918,22 +916,22 @@ const Rt = j(
                                 children: /* @__PURE__ */ r(
                                   Q,
                                   {
-                                    ref: h,
+                                    ref: f,
                                     variant: "contained",
                                     color: "secondary",
                                     size: "small",
                                     disabled: !i,
-                                    onMouseDown: D,
-                                    onMouseUp: O,
+                                    onMouseDown: I,
+                                    onMouseUp: D,
                                     onMouseLeave: H,
-                                    onTouchStart: D,
-                                    onTouchEnd: O,
+                                    onTouchStart: I,
+                                    onTouchEnd: D,
                                     sx: {
                                       textTransform: "none",
                                       px: 1.5,
                                       py: 0.5
                                     },
-                                    children: u("RobotCard.DriveToHome.bt")
+                                    children: c("RobotCard.DriveToHome.bt")
                                   }
                                 )
                               }
@@ -946,7 +944,7 @@ const Rt = j(
                 ]
               }
             )
-          ] }) : /* @__PURE__ */ r(E, { children: /* @__PURE__ */ w(
+          ] }) : /* @__PURE__ */ r(C, { children: /* @__PURE__ */ x(
             v,
             {
               sx: {
@@ -956,14 +954,14 @@ const Rt = j(
                 flexDirection: "column"
               },
               children: [
-                /* @__PURE__ */ w(v, { children: [
+                /* @__PURE__ */ x(v, { children: [
                   /* @__PURE__ */ r(ee, { variant: "h6", component: "h2", sx: { mb: 1 }, children: e }),
                   /* @__PURE__ */ r(
                     re,
                     {
                       programState: n,
                       safetyState: t,
-                      operationMode: l
+                      operationMode: a
                     }
                   )
                 ] }),
@@ -979,7 +977,7 @@ const Rt = j(
                       overflow: "hidden",
                       display: k ? "none" : "block"
                     },
-                    children: !k && /* @__PURE__ */ w(
+                    children: !k && /* @__PURE__ */ x(
                       te,
                       {
                         orthographic: !0,
@@ -990,7 +988,7 @@ const Rt = j(
                         shadows: !0,
                         frameloop: "demand",
                         style: {
-                          borderRadius: a.shape.borderRadius,
+                          borderRadius: o.shape.borderRadius,
                           width: "100%",
                           height: "100%",
                           background: "transparent",
@@ -1001,9 +999,9 @@ const Rt = j(
                         children: [
                           /* @__PURE__ */ r(ne, {}),
                           /* @__PURE__ */ r(Z, { fit: !0, clip: !0, observe: !0, margin: 1, maxDuration: 1, children: /* @__PURE__ */ r(
-                            y,
+                            l,
                             {
-                              connectedMotionGroup: o,
+                              connectedMotionGroup: h,
                               postModelRender: N
                             }
                           ) })
@@ -1012,8 +1010,8 @@ const Rt = j(
                     )
                   }
                 ),
-                /* @__PURE__ */ w(v, { children: [
-                  !V && s && /* @__PURE__ */ w(E, { children: [
+                /* @__PURE__ */ x(v, { children: [
+                  !O && s && /* @__PURE__ */ x(C, { children: [
                     /* @__PURE__ */ r(s, {}),
                     /* @__PURE__ */ r(
                       z,
@@ -1021,7 +1019,7 @@ const Rt = j(
                         sx: {
                           mt: 1,
                           mb: 0,
-                          borderColor: a.palette.divider,
+                          borderColor: o.palette.divider,
                           opacity: 0.5
                         }
                       }
@@ -1033,28 +1031,28 @@ const Rt = j(
                       sx: {
                         display: "flex",
                         justifyContent: "flex-start",
-                        mt: !V && s ? { xs: 1, sm: 2, md: 5 } : { xs: 0.5, sm: 1, md: 2 },
+                        mt: !O && s ? { xs: 1, sm: 2, md: 5 } : { xs: 0.5, sm: 1, md: 2 },
                         mb: { xs: 0.5, sm: 0.75, md: 1 }
                       },
                       children: /* @__PURE__ */ r(
                         Q,
                         {
-                          ref: h,
+                          ref: f,
                           variant: "contained",
                           color: "secondary",
                           size: "small",
                           disabled: !i,
-                          onMouseDown: D,
-                          onMouseUp: O,
+                          onMouseDown: I,
+                          onMouseUp: D,
                           onMouseLeave: H,
-                          onTouchStart: D,
-                          onTouchEnd: O,
+                          onTouchStart: I,
+                          onTouchEnd: D,
                           sx: {
                             textTransform: "none",
                             px: 1.5,
                             py: 0.5
                           },
-                          children: u("RobotCard.DriveToHome.bt")
+                          children: c("RobotCard.DriveToHome.bt")
                         }
                       )
                     }
@@ -1067,138 +1065,138 @@ const Rt = j(
       );
     }
   )
-), vt = Array(6).fill(2 * Math.PI);
-function ve({
+), xt = Array(6).fill(2 * Math.PI);
+function Re({
   rapidlyChangingMotionState: e,
   dhParameters: n,
   onTranslationChanged: t,
-  children: l
+  children: a
 }) {
-  const i = M([]), f = M([]), c = M(null), { invalidate: o } = le();
+  const i = M([]), p = M([]), u = M(null), { invalidate: h } = ae();
   T(() => {
-    const a = e.joint_position.filter(
-      (u) => u !== void 0
+    const o = e.joint_position.filter(
+      (c) => c !== void 0
     );
-    return c.current = new ue(a, {
+    return u.current = new ce(o, {
       tension: 120,
       // Controls spring stiffness - higher values create faster, more responsive motion
       friction: 20,
       // Controls damping - higher values reduce oscillation and create smoother settling
       threshold: 1e-3
     }), () => {
-      var u;
-      (u = c.current) == null || u.destroy();
+      var c;
+      (c = u.current) == null || c.destroy();
     };
-  }, []), ce((a, u) => {
-    if (c.current) {
-      const d = c.current.update(u);
-      s(), d || o();
+  }, []), le((o, c) => {
+    if (u.current) {
+      const d = u.current.update(c);
+      s(), d || h();
     }
   });
-  function y(a) {
-    a && (f.current = de(a), s(), o());
+  function l(o) {
+    o && (p.current = fe(o), s(), h());
   }
   function s() {
-    var u;
-    const a = ((u = c.current) == null ? void 0 : u.getCurrentValues()) || [];
+    var c;
+    const o = ((c = u.current) == null ? void 0 : c.getCurrentValues()) || [];
     if (t)
-      t(f.current, a);
+      t(p.current, o);
     else
-      for (const [d, p] of f.current.entries()) {
-        const g = n[d].reverse_rotation_direction ? -1 : 1;
-        p.position.y = g * (a[d] || 0) / 1e3;
+      for (const [d, y] of p.current.entries()) {
+        const w = n[d].reverse_rotation_direction ? -1 : 1;
+        y.position.y = w * (o[d] || 0) / 1e3;
       }
   }
-  const m = G(() => {
-    const a = e.joint_position.filter(
-      (u) => u !== void 0
+  const m = L(() => {
+    const o = e.joint_position.filter(
+      (c) => c !== void 0
     );
     requestAnimationFrame(() => {
-      var u;
-      i.current = a, (u = c.current) == null || u.setTarget(a);
+      var c;
+      i.current = o, (c = u.current) == null || c.setTarget(o);
     });
   }, [e]);
   return T(() => {
     m();
-  }, [e, m]), fe(() => {
+  }, [e, m]), ue(() => {
     m();
-  }), /* @__PURE__ */ r("group", { ref: y, children: l });
+  }), /* @__PURE__ */ r("group", { ref: l, children: a });
 }
-function Me({
+function ve({
   rapidlyChangingMotionState: e,
   dhParameters: n,
   ...t
 }) {
-  const l = new R(), i = M(null), f = M(null);
-  function c(s) {
+  const a = new R(), i = M(null), p = M(null);
+  function u(s) {
     const m = new R();
-    for (let p = 0; p < n.length; p++) {
-      const h = n[p], g = s[p] ?? 0, x = new R().makeRotationY(h.theta).multiply(
+    for (let y = 0; y < n.length; y++) {
+      const f = n[y], w = s[y] ?? 0, g = new R().makeRotationY(f.theta).multiply(
         new R().makeTranslation(
-          h.a / 1e3,
-          (h.d + g * (h.reverse_rotation_direction ? -1 : 1)) / 1e3,
+          f.a / 1e3,
+          (f.d + w * (f.reverse_rotation_direction ? -1 : 1)) / 1e3,
           0
         )
-      ).multiply(new R().makeRotationX(h.alpha));
-      m.multiply(x);
+      ).multiply(new R().makeRotationX(f.alpha));
+      m.multiply(g);
     }
-    const a = new L(), u = new W(), d = new L();
-    return m.decompose(a, u, d), a;
+    const o = new G(), c = new W(), d = new G();
+    return m.decompose(o, c, d), o;
   }
-  const o = c(
+  const h = u(
     e.joint_position
   );
-  function y(s, m) {
-    l.identity();
-    let a = new L();
-    for (let h = 0; h < n.length; h++) {
-      const g = m[h] ?? 0, x = n[h], I = new R().makeRotationY(x.theta).multiply(
+  function l(s, m) {
+    a.identity();
+    let o = new G();
+    for (let f = 0; f < n.length; f++) {
+      const w = m[f] ?? 0, g = n[f], A = new R().makeRotationY(g.theta).multiply(
         new R().makeTranslation(
-          x.a / 1e3,
-          (x.d + g * (x.reverse_rotation_direction ? -1 : 1)) / 1e3,
+          g.a / 1e3,
+          (g.d + w * (g.reverse_rotation_direction ? -1 : 1)) / 1e3,
           0
         )
-      ).multiply(new R().makeRotationX(x.alpha));
-      l.multiply(I);
+      ).multiply(new R().makeRotationX(g.alpha));
+      a.multiply(A);
     }
-    const u = new L(), d = new W(), p = new L();
-    if (l.decompose(u, d, p), a = u, i.current && i.current.position.set(
-      a.x,
-      a.y,
-      a.z
-    ), f.current) {
-      const h = f.current.geometry;
-      h != null && h.setPositions && h.setPositions([
+    const c = new G(), d = new W(), y = new G();
+    if (a.decompose(c, d, y), o = c, i.current && i.current.position.set(
+      o.x,
+      o.y,
+      o.z
+    ), p.current) {
+      const f = p.current.geometry;
+      f != null && f.setPositions && f.setPositions([
         0,
         0,
         0,
-        a.x,
-        a.y,
-        a.z
+        o.x,
+        o.y,
+        o.z
       ]);
     }
   }
   return /* @__PURE__ */ r(
-    ve,
+    Re,
     {
       rapidlyChangingMotionState: e,
       dhParameters: n,
-      onTranslationChanged: y,
-      children: /* @__PURE__ */ w("group", { ...t, name: "Scene", children: [
-        /* @__PURE__ */ w("mesh", { name: "Base", position: [0, 0, 0], children: [
+      onTranslationChanged: l,
+      children: /* @__PURE__ */ x("group", { ...t, name: "Scene", children: [
+        /* @__PURE__ */ x("mesh", { name: "Base", position: [0, 0, 0], children: [
           /* @__PURE__ */ r("sphereGeometry", { args: [0.02, 32, 32] }),
           /* @__PURE__ */ r("meshStandardMaterial", { color: "green", depthTest: !0 })
         ] }),
         /* @__PURE__ */ r(
           $,
           {
-            ref: f,
-            points: [new L(0, 0, 0), o],
+            ref: p,
+            points: [new G(0, 0, 0), h],
             color: "White",
             lineWidth: 5
           }
         ),
-        /* @__PURE__ */ w("mesh", { ref: i, name: "TCP", position: o, children: [
+        /* @__PURE__ */ x("mesh", { ref: i, name: "TCP", position: h, children: [
           /* @__PURE__ */ r("sphereGeometry", { args: [0.025, 32, 32] }),
           /* @__PURE__ */ r("meshStandardMaterial", { color: "red", depthTest: !0 })
         ] })
@@ -1206,106 +1204,106 @@ function Me({
     }
   );
 }
-const _e = j(
+const Me = E(
   ({
     rapidlyChangingMotionState: e,
     modelFromController: n,
     dhParameters: t,
-    getModel: l = J,
+    getModel: a = J,
     flangeRef: i,
-    postModelRender: f,
-    transparentColor: c,
-    instanceUrl: o,
-    ...y
+    postModelRender: p,
+    transparentColor: u,
+    instanceUrl: h,
+    ...l
   }) => {
-    const [s, m] = S(null), a = G((d) => {
+    const [s, m] = S(null), o = L((d) => {
       m(d);
     }, []);
     T(() => {
-      s && (c ? we(s, c) : xe(s));
-    }, [s, c]);
-    const u = /* @__PURE__ */ r(
-      Me,
+      s && (u ? be(s, u) : we(s));
+    }, [s, u]);
+    const c = /* @__PURE__ */ r(
+      ve,
       {
         rapidlyChangingMotionState: e,
         dhParameters: t,
-        ...y
+        ...l
       }
     );
-    return /* @__PURE__ */ w(
+    return /* @__PURE__ */ x(
       pe,
       {
-        fallback: u,
+        fallback: c,
         onError: (d) => {
           console.warn(d);
         },
         children: [
-          /* @__PURE__ */ r(ae, { fallback: u, children: /* @__PURE__ */ r("group", { ref: a, children: /* @__PURE__ */ r(
-            ve,
+          /* @__PURE__ */ r(se, { fallback: c, children: /* @__PURE__ */ r("group", { ref: o, children: /* @__PURE__ */ r(
+            Re,
             {
               rapidlyChangingMotionState: e,
               dhParameters: t,
               children: /* @__PURE__ */ r(
-                be,
+                ge,
                 {
                   modelURL: (() => {
-                    const d = l(n, o);
+                    const d = a(n, h);
                     if (!d) {
-                      const p = new Blob([], { type: "model/gltf-binary" }), h = new File(
-                        [p],
+                      const y = new Blob([], { type: "model/gltf-binary" }), f = new File(
+                        [y],
                         `${n}.glb`,
                         { type: "model/gltf-binary" }
                       );
-                      return Promise.resolve(URL.createObjectURL(h));
+                      return Promise.resolve(URL.createObjectURL(f));
                     }
                     return d;
                   })(),
-                  postModelRender: f,
+                  postModelRender: p,
                   flangeRef: i,
-                  ...y
+                  ...l
                 }
               )
             }
           ) }) }),
-          /* @__PURE__ */ r(ge, {})
+          /* @__PURE__ */ r(ye, {})
         ]
       }
     );
   }
 );
-function Mt({
+function Rt({
   connectedMotionGroup: e,
   getModel: n = J,
   flangeRef: t,
-  transparentColor: l,
+  transparentColor: a,
   postModelRender: i,
-  ...f
+  ...p
 }) {
   if (!e.dhParameters)
     return null;
-  const c = e.modelFromController || "";
-  return c && n(c) ? /* @__PURE__ */ r(
-    _e,
+  const u = e.modelFromController || "";
+  return u && n(u) ? /* @__PURE__ */ r(
+    Me,
     {
       rapidlyChangingMotionState: e.rapidlyChangingMotionState,
-      modelFromController: c,
+      modelFromController: u,
       dhParameters: e.dhParameters,
       getModel: n,
       flangeRef: t,
-      transparentColor: l,
+      transparentColor: a,
       postModelRender: i,
-      ...f
+      ...p
     }
   ) : /* @__PURE__ */ r(
-    Me,
+    ve,
     {
       rapidlyChangingMotionState: e.rapidlyChangingMotionState,
       dhParameters: e.dhParameters,
-      ...f
+      ...p
     }
   );
 }
-const ie = {
+const oe = {
   [_.Abb]: [0, 0, 0, 0, Math.PI / 2, 0, 0],
   [_.Fanuc]: [0, 0, 0, 0, -Math.PI / 2, 0, 0],
   [_.Yaskawa]: [0, 0, 0, 0, -Math.PI / 2, 0, 0],
@@ -1328,7 +1326,7 @@ const ie = {
     0
   ]
 };
-function Qe(e) {
+function Ke(e) {
   const [n] = e.split("_");
   switch (n) {
     case "ABB":
@@ -1345,34 +1343,34 @@ function Qe(e) {
       return null;
   }
 }
-function _t(e, n) {
-  const t = Qe(e);
-  return t && t in ie ? ie[t] : n || null;
+function vt(e, n) {
+  const t = Ke(e);
+  return t && t in oe ? oe[t] : n || null;
 }
-const Tt = j((e) => {
-  const { inverseSolver: n, dhParameters: t, ...l } = e, [i, f] = S(
-    C.RevoluteJoint
+const Mt = E((e) => {
+  const { inverseSolver: n, dhParameters: t, ...a } = e, [i, p] = S(
+    U.RevoluteJoint
   );
   T(() => {
-    t.length && f(t[0].type ?? C.RevoluteJoint);
+    t.length && p(t[0].type ?? U.RevoluteJoint);
   }, [t]);
-  const c = A(() => n === null && i === C.RevoluteJoint, [n, i]), o = A(() => n === null && i === C.PrismaticJoint, [n, i]);
-  return A(() => !!n, [n]) || c ? /* @__PURE__ */ r(Re, { dhParameters: t, ...l }) : o ? /* @__PURE__ */ r(_e, { dhParameters: t, ...l }) : null;
+  const u = j(() => n === null && i === U.RevoluteJoint, [n, i]), h = j(() => n === null && i === U.PrismaticJoint, [n, i]);
+  return j(() => !!n, [n]) || u ? /* @__PURE__ */ r(xe, { dhParameters: t, ...a }) : h ? /* @__PURE__ */ r(Me, { dhParameters: t, ...a }) : null;
 });
 export {
-  bt as C,
-  Mt as L,
-  ie as M,
+  yt as C,
+  Rt as L,
+  oe as M,
   ne as P,
-  Rt as R,
-  wt as S,
-  xt as T,
-  vt as a,
-  Ze as b,
-  _e as c,
+  wt as R,
+  gt as S,
+  bt as T,
+  xt as a,
+  Xe as b,
+  Me as c,
   J as d,
-  Qe as e,
-  Re as f,
-  _t as g,
-  Tt as h
+  Ke as e,
+  xe as f,
+  vt as g,
+  Mt as h
 };