@wandelbots/wandelbots-js-react-components 3.5.1 → 3.6.0-pr.feat-model-retrieval-from-rdp.463.3cb7d2e

package/dist/{manufacturerHomePositions-CgaG5vaK.js → manufacturerHomePositions-BaS-GAxw.js}

@@ -1,21 +1,21 @@
-import { j as t, e as q } from "./index-CAib4NKw.js";
-import * as d from "three";
-import { Matrix4 as G, Vector3 as L, Quaternion as ie } from "three";
+import { j as t, e as K } from "./externalizeComponent-Dc3fViZA.js";
+import * as h from "three";
+import { Matrix4 as I, Vector3 as E, Quaternion as ie } from "three";
 import { ConvexGeometry as X } from "three-stdlib";
-import { useThree as ae, useFrame as le, Canvas as W } from "@react-three/fiber";
-import { Environment as ce, Lightformer as v, Line as Z, useGLTF as ue, Bounds as $ } from "@react-three/drei";
-import { useTheme as fe, Card as de, Box as y, Typography as B, Divider as H, Button as U } from "@mui/material";
+import { useThree as ae, useFrame as le, Canvas as B } from "@react-three/fiber";
+import { Environment as ce, Lightformer as R, Line as Z, useGLTF as ue, Bounds as W } from "@react-three/drei";
+import { useTheme as fe, Card as de, Box as y, Typography as $, Divider as N, Button as H } from "@mui/material";
 import { observer as he } from "mobx-react-lite";
-import me, { useRef as R, useEffect as T, useCallback as _, useState as C, Suspense as pe } from "react";
+import me, { useRef as v, useEffect as F, useState as _, useCallback as G, Suspense as pe } from "react";
 import { useTranslation as xe } from "react-i18next";
-import { V as ge, c as ye, b as J, M as j } from "./index-CxasuX80.js";
-import { ErrorBoundary as je } from "react-error-boundary";
-function we(e) {
+import { N as ge, V as ye, c as je, b as J, M as j } from "./interpolation-DcPbemBD.js";
+import { ErrorBoundary as we } from "react-error-boundary";
+function be(e) {
   switch (e.shape_type) {
     case "convex_hull":
       return new X(
         e.vertices.map(
-          (r) => new d.Vector3(
+          (r) => new h.Vector3(
             r[0] / 1e3,
             r[1] / 1e3,
             r[2] / 1e3
@@ -23,88 +23,88 @@ function we(e) {
         )
       );
     case "box":
-      return new d.BoxGeometry(
+      return new h.BoxGeometry(
         e.size_x / 1e3,
         e.size_y / 1e3,
         e.size_z / 1e3
       );
     case "sphere":
-      return new d.SphereGeometry(e.radius / 1e3);
+      return new h.SphereGeometry(e.radius / 1e3);
     case "capsule":
-      return new d.CapsuleGeometry(
+      return new h.CapsuleGeometry(
         e.radius / 1e3,
         e.cylinder_height / 1e3
       );
     case "cylinder":
-      return new d.CylinderGeometry(
+      return new h.CylinderGeometry(
         e.radius / 1e3,
         e.radius / 1e3,
         e.height / 1e3
       );
     case "rectangle":
-      return new d.BoxGeometry(e.size_x / 1e3, e.size_y / 1e3, 0);
+      return new h.BoxGeometry(e.size_x / 1e3, e.size_y / 1e3, 0);
     default:
-      return console.warn(`${e.shape_type} is not supported`), new d.BufferGeometry();
+      return console.warn(`${e.shape_type} is not supported`), new h.BufferGeometry();
   }
 }
-function be({
+function Me({
   name: e,
   collider: n,
   children: r
 }) {
-  var u, l;
-  const s = ((u = n.pose) == null ? void 0 : u.position) ?? [0, 0, 0], o = ((l = n.pose) == null ? void 0 : l.orientation) ?? [0, 0, 0];
+  var c, i;
+  const s = ((c = n.pose) == null ? void 0 : c.position) ?? [0, 0, 0], o = ((i = n.pose) == null ? void 0 : i.orientation) ?? [0, 0, 0];
   return n.margin && console.warn(`${e} margin is not supported`), /* @__PURE__ */ t.jsx(
     "mesh",
     {
       name: e,
-      position: new d.Vector3(
+      position: new h.Vector3(
         s[0],
         s[1],
         s[2]
       ).divideScalar(1e3),
-      rotation: new d.Euler(o[0], o[1], o[2], "XYZ"),
-      geometry: we(n.shape),
+      rotation: new h.Euler(o[0], o[1], o[2], "XYZ"),
+      geometry: be(n.shape),
       children: r
     }
   );
 }
-function Me({
+function Re({
   name: e,
   colliders: n,
   meshChildrenProvider: r,
   ...s
 }) {
-  return /* @__PURE__ */ t.jsx("group", { name: e, ...s, children: Object.entries(n).map(([o, u]) => /* @__PURE__ */ t.jsx(
-    be,
+  return /* @__PURE__ */ t.jsx("group", { name: e, ...s, children: Object.entries(n).map(([o, c]) => /* @__PURE__ */ t.jsx(
+    Me,
     {
       name: o,
-      collider: u,
-      children: r(o, u)
+      collider: c,
+      children: r(o, c)
     },
     o
   )) });
 }
-function Xe({
+function Qe({
   scene: e,
   meshChildrenProvider: n
 }) {
   const r = e.colliders;
   return /* @__PURE__ */ t.jsx("group", { children: r && /* @__PURE__ */ t.jsx(
-    Me,
+    Re,
     {
       meshChildrenProvider: n,
       colliders: r
     }
   ) });
 }
-function N() {
+function Y() {
   return /* @__PURE__ */ t.jsx(ce, { children: /* @__PURE__ */ t.jsx(ve, {}) });
 }
 function ve({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      v,
+      R,
       {
         intensity: 5,
         "rotation-x": Math.PI / 2,
@@ -113,7 +113,7 @@ function ve({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx("group", { rotation: [0, 0.5, 0], children: /* @__PURE__ */ t.jsx("group", { children: e.map((n, r) => /* @__PURE__ */ t.jsx(
-      v,
+      R,
       {
         form: "circle",
         intensity: 5,
@@ -124,7 +124,7 @@ function ve({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       r
     )) }) }),
     /* @__PURE__ */ t.jsx(
-      v,
+      R,
       {
         intensity: 40,
         "rotation-y": Math.PI / 2,
@@ -133,7 +133,7 @@ function ve({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      v,
+      R,
       {
         intensity: 20,
         "rotation-y": -Math.PI,
@@ -142,7 +142,7 @@ function ve({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      v,
+      R,
       {
         "rotation-y": Math.PI / 2,
         position: [-5, -1, -1],
@@ -151,7 +151,7 @@ function ve({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      v,
+      R,
       {
         "rotation-y": -Math.PI / 2,
         position: [10, 1, 0],
@@ -160,7 +160,7 @@ function ve({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      v,
+      R,
       {
         form: "ring",
         color: "white",
@@ -172,42 +172,42 @@ function ve({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
     )
   ] });
 }
-function Re(e) {
+function _e(e) {
   if (e.length < 3)
     return console.log("Not enough vertices to define a plane"), { isCoplanar: !1 };
-  const n = new d.Vector3(e[0].x, e[0].y, e[0].z), r = new d.Vector3(e[1].x, e[1].y, e[1].z), s = new d.Vector3(e[2].x, e[2].y, e[2].z), o = new d.Vector3().subVectors(r, n), u = new d.Vector3().subVectors(s, n), l = new d.Vector3().crossVectors(o, u).normalize();
-  for (let a = 3; a < e.length; a++) {
-    const p = new d.Vector3(e[a].x, e[a].y, e[a].z), h = new d.Vector3().subVectors(p, n), f = l.dot(h);
-    if (Math.abs(f) > 1e-6)
+  const n = new h.Vector3(e[0].x, e[0].y, e[0].z), r = new h.Vector3(e[1].x, e[1].y, e[1].z), s = new h.Vector3(e[2].x, e[2].y, e[2].z), o = new h.Vector3().subVectors(r, n), c = new h.Vector3().subVectors(s, n), i = new h.Vector3().crossVectors(o, c).normalize();
+  for (let f = 3; f < e.length; f++) {
+    const u = new h.Vector3(e[f].x, e[f].y, e[f].z), m = new h.Vector3().subVectors(u, n), d = i.dot(m);
+    if (Math.abs(d) > 1e-6)
       return console.log("Vertices are not on the same plane"), { isCoplanar: !1 };
   }
-  return { isCoplanar: !0, normal: l };
+  return { isCoplanar: !0, normal: i };
 }
-function Ze({
+function et({
   safetyZones: e,
   ...n
 }) {
   return /* @__PURE__ */ t.jsx("group", { ...n, children: e.map((r, s) => {
     let o = [];
-    return r.geometry && (r.geometry.compound ? o = r.geometry.compound.child_geometries : r.geometry.convex_hull && (o = [r.geometry])), o.map((u, l) => {
-      if (!u.convex_hull) return null;
-      const a = u.convex_hull.vertices.map(
-        (f) => new d.Vector3(f.x / 1e3, f.y / 1e3, f.z / 1e3)
-      ), p = Re(a);
-      if (p.isCoplanar && p.normal) {
-        const i = new d.Vector3().addVectors(
-          a[0],
-          p.normal.multiplyScalar(1e-4)
+    return r.geometry && (r.geometry.compound ? o = r.geometry.compound.child_geometries : r.geometry.convex_hull && (o = [r.geometry])), o.map((c, i) => {
+      if (!c.convex_hull) return null;
+      const f = c.convex_hull.vertices.map(
+        (d) => new h.Vector3(d.x / 1e3, d.y / 1e3, d.z / 1e3)
+      ), u = _e(f);
+      if (u.isCoplanar && u.normal) {
+        const a = new h.Vector3().addVectors(
+          f[0],
+          u.normal.multiplyScalar(1e-4)
         );
-        a.push(i);
+        f.push(a);
       }
-      let h;
+      let m;
       try {
-        h = new X(a);
-      } catch (f) {
-        return console.log("Error creating ConvexGeometry:", f), null;
+        m = new X(f);
+      } catch (d) {
+        return console.log("Error creating ConvexGeometry:", d), null;
       }
-      return /* @__PURE__ */ t.jsx("mesh", { geometry: h, children: /* @__PURE__ */ t.jsx(
+      return /* @__PURE__ */ t.jsx("mesh", { geometry: m, children: /* @__PURE__ */ t.jsx(
         "meshStandardMaterial",
         {
           attach: "material",
@@ -217,19 +217,19 @@ function Ze({
           depthWrite: !1,
           transparent: !0,
           polygonOffset: !0,
-          polygonOffsetFactor: -l
+          polygonOffsetFactor: -i
         },
         s
-      ) }, `${s}-${l}`);
+      ) }, `${s}-${i}`);
     });
   }) });
 }
-function Qe({
+function tt({
   trajectory: e,
   ...n
 }) {
   var s;
-  const r = ((s = e.trajectory) == null ? void 0 : s.map((o) => o.tcp_pose ? new d.Vector3(
+  const r = ((s = e.trajectory) == null ? void 0 : s.map((o) => o.tcp_pose ? new h.Vector3(
     o.tcp_pose.position.x / 1e3,
     o.tcp_pose.position.z / 1e3,
     -o.tcp_pose.position.y / 1e3
@@ -245,12 +245,27 @@ function Qe({
     }
   ) });
 }
-const Y = "0.0.0-semantically-released";
-function Q(e) {
-  let n = Y;
-  return Y.startsWith("0.") && (n = ""), `https://cdn.jsdelivr.net/gh/wandelbotsgmbh/wandelbots-js-react-components${n ? `@${n}` : ""}/public/models/${e}.glb`;
+const D = /* @__PURE__ */ new Map();
+async function Q(e) {
+  if (D.has(e))
+    return D.get(e);
+  const n = (async () => {
+    var c;
+    const s = new ge({ instanceUrl: void 0 }), o = s.api.motionGroupModels;
+    (c = o.axios) != null && c.interceptors && o.axios.interceptors.request.use((i) => {
+      var f;
+      return (f = i.url) != null && f.includes("/glb") && (i.responseType = "blob"), i;
+    });
+    try {
+      const i = await s.api.motionGroupModels.getMotionGroupGlbModel(e);
+      return URL.createObjectURL(i);
+    } catch (i) {
+      throw console.error("Failed to fetch model:", i), i;
+    }
+  })();
+  return D.set(e, n), n;
 }
-function _e(e) {
+function Ge(e) {
   function n(r) {
     return r.children.length === 0 ? [r] : [r, ...r.children.flatMap((s) => n(s))];
   }
@@ -262,7 +277,7 @@ function ee(e) {
 function te(e) {
   return /_J[0-9]+$/.test(e.name);
 }
-function Ge(e, n) {
+function Ie(e, n) {
   let r;
   function s(o) {
     if (ee(o)) {
@@ -286,84 +301,84 @@ function re({
   onRotationChanged: r,
   children: s
 }) {
-  const o = R([]), u = R([]), l = R(null), { invalidate: a } = ae();
-  T(() => {
-    const i = e.joint_position.filter(
-      (c) => c !== void 0
+  const o = v([]), c = v([]), i = v(null), { invalidate: f } = ae();
+  F(() => {
+    const a = e.joint_position.filter(
+      (l) => l !== void 0
     );
-    return l.current = new ge(i, {
+    return i.current = new ye(a, {
       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 c;
-      (c = l.current) == null || c.destroy();
+      var l;
+      (l = i.current) == null || l.destroy();
     };
-  }, []), le((i, c) => {
-    if (l.current) {
-      const m = l.current.update(c);
-      f(), m || a();
+  }, []), le((a, l) => {
+    if (i.current) {
+      const p = i.current.update(l);
+      d(), p || f();
     }
   });
-  function p(i) {
-    i && (u.current = _e(i), f(), a());
+  function u(a) {
+    a && (c.current = Ge(a), d(), f());
   }
-  function h(i) {
-    var c;
-    o.current = i, (c = l.current) == null || c.setTarget(i);
+  function m(a) {
+    var l;
+    o.current = a, (l = i.current) == null || l.setTarget(a);
   }
-  function f() {
-    var c;
-    const i = ((c = l.current) == null ? void 0 : c.getCurrentValues()) || [];
+  function d() {
+    var l;
+    const a = ((l = i.current) == null ? void 0 : l.getCurrentValues()) || [];
     if (r)
-      r(u.current, i);
+      r(c.current, a);
     else
-      for (const [m, x] of u.current.entries()) {
-        const g = n[m], b = g.theta || 0, M = g.reverse_rotation_direction ? -1 : 1;
-        x.rotation.y = M * (i[m] || 0) + b;
+      for (const [p, x] of c.current.entries()) {
+        const g = n[p], b = g.theta || 0, M = g.reverse_rotation_direction ? -1 : 1;
+        x.rotation.y = M * (a[p] || 0) + b;
       }
   }
-  return ye(() => {
-    const i = e.joint_position.filter(
-      (c) => c !== void 0
+  return je(() => {
+    const a = e.joint_position.filter(
+      (l) => l !== void 0
     );
-    requestAnimationFrame(() => h(i));
-  }), /* @__PURE__ */ t.jsx("group", { ref: p, children: s });
+    requestAnimationFrame(() => m(a));
+  }), /* @__PURE__ */ t.jsx("group", { ref: u, children: s });
 }
-const Ce = "line", Fe = "mesh";
-function Ie({
+const Fe = "line", Se = "mesh";
+function Ve({
   rapidlyChangingMotionState: e,
   dhParameters: n,
   ...r
 }) {
-  const s = new G(), o = R([]), u = R([]);
+  const s = new I(), o = v([]), c = v([]);
   me.useEffect(() => {
-    o.current = new Array(n.length).fill(null), u.current = new Array(n.length).fill(null);
+    o.current = new Array(n.length).fill(null), c.current = new Array(n.length).fill(null);
   }, [n.length]);
-  function l(h, f) {
-    const i = new L(), c = new ie(), m = new L();
-    s.decompose(i, c, m);
-    const x = i.clone(), g = new G().makeRotationY(
-      h.theta + f * (h.reverse_rotation_direction ? -1 : 1)
-    ).multiply(new G().makeTranslation(0, h.d / 1e3, 0)).multiply(new G().makeTranslation(h.a / 1e3, 0, 0)).multiply(new G().makeRotationX(h.alpha));
-    return s.multiply(g), s.decompose(i, c, m), { a: x, b: i };
+  function i(m, d) {
+    const a = new E(), l = new ie(), p = new E();
+    s.decompose(a, l, p);
+    const x = a.clone(), g = new I().makeRotationY(
+      m.theta + d * (m.reverse_rotation_direction ? -1 : 1)
+    ).multiply(new I().makeTranslation(0, m.d / 1e3, 0)).multiply(new I().makeTranslation(m.a / 1e3, 0, 0)).multiply(new I().makeRotationX(m.alpha));
+    return s.multiply(g), s.decompose(a, l, p), { a: x, b: a };
   }
-  function a(h, f, i, c) {
+  function f(m, d, a, l) {
     if (!n)
       return;
-    const m = n[h];
-    if (!m)
+    const p = n[m];
+    if (!p)
       return;
-    const { a: x, b: g } = l(m, c);
-    f.geometry.setPositions([x.toArray(), g.toArray()].flat()), i.position.set(g.x, g.y, g.z);
+    const { a: x, b: g } = i(p, l);
+    d.geometry.setPositions([x.toArray(), g.toArray()].flat()), a.position.set(g.x, g.y, g.z);
   }
-  function p(h, f) {
+  function u(m, d) {
     s.identity();
-    for (let i = 0; i < Math.min(h.length, f.length); i++) {
-      const c = o.current[i], m = u.current[i];
-      c && m && a(i, c, m, f[i]);
+    for (let a = 0; a < Math.min(m.length, d.length); a++) {
+      const l = o.current[a], p = c.current[a];
+      l && p && f(a, l, p, d[a]);
     }
   }
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
@@ -371,26 +386,26 @@ function Ie({
     {
       rapidlyChangingMotionState: e,
       dhParameters: n,
-      onRotationChanged: p,
+      onRotationChanged: u,
       children: /* @__PURE__ */ t.jsxs("group", { ...r, name: "Scene", children: [
         /* @__PURE__ */ t.jsxs("mesh", { children: [
           /* @__PURE__ */ t.jsx("sphereGeometry", { args: [0.01, 32, 32] }),
           /* @__PURE__ */ t.jsx("meshStandardMaterial", { color: "black", depthTest: !0 })
         ] }),
-        n.map((h, f) => {
-          const { a: i, b: c } = l(
-            h,
-            e.joint_position[f] ?? 0
-          ), m = `dhrobot_J0${f}`;
-          return /* @__PURE__ */ t.jsxs("group", { name: m, children: [
+        n.map((m, d) => {
+          const { a, b: l } = i(
+            m,
+            e.joint_position[d] ?? 0
+          ), p = `dhrobot_J0${d}`;
+          return /* @__PURE__ */ t.jsxs("group", { name: p, children: [
             /* @__PURE__ */ t.jsx(
               Z,
               {
                 ref: (x) => {
-                  o.current[f] = x;
+                  o.current[d] = x;
                 },
-                name: Ce,
-                points: [i, c],
+                name: Fe,
+                points: [a, l],
                 color: "white",
                 lineWidth: 5
               }
@@ -399,87 +414,114 @@ function Ie({
               "mesh",
               {
                 ref: (x) => {
-                  u.current[f] = x;
+                  c.current[d] = x;
                 },
-                name: Fe,
-                position: c,
+                name: Se,
+                position: l,
                 children: [
                   /* @__PURE__ */ t.jsx("sphereGeometry", { args: [0.01, 32, 32] }),
                   /* @__PURE__ */ t.jsx("meshStandardMaterial", { color: "black", depthTest: !0 })
                 ]
               },
-              "mesh_" + f
+              "mesh_" + d
             )
-          ] }, m);
+          ] }, p);
         })
       ] })
     }
   ) });
 }
-const Se = console.warn;
-function Ve() {
-  return T(() => {
+const Ce = console.warn;
+function Le() {
+  return F(() => {
     console.warn = (e) => {
-      e !== "Cannot call the manual advancement of rafz whilst frameLoop is not set as demand" && Se(e);
+      e !== "Cannot call the manual advancement of rafz whilst frameLoop is not set as demand" && Ce(e);
     };
   }, []), /* @__PURE__ */ t.jsx(t.Fragment, {});
 }
-function De(e) {
+function Te(e) {
   return e.type === "Mesh";
 }
-function Te({
-  modelURL: e,
+function De({
+  url: e,
   flangeRef: n,
   postModelRender: r,
   ...s
 }) {
-  const { gltf: o } = Ge(
-    ue(e),
-    e.split("/").pop() || e
-  ), u = _(
-    (a) => {
-      a && r && r();
+  const o = ue(e), { gltf: c } = Ie(o, "robot.glb"), i = G(
+    (u) => {
+      u && r && r();
     },
-    [e]
+    [r]
   );
-  function l(a) {
-    return De(a) ? /* @__PURE__ */ t.jsx(
+  function f(u) {
+    return Te(u) ? /* @__PURE__ */ t.jsx(
       "mesh",
       {
-        name: a.name,
-        geometry: a.geometry,
-        material: a.material,
-        position: a.position,
-        rotation: a.rotation
+        name: u.name,
+        geometry: u.geometry,
+        material: u.material,
+        position: u.position,
+        rotation: u.rotation
       },
-      a.uuid
+      u.uuid
     ) : /* @__PURE__ */ t.jsx(
       "group",
       {
-        name: a.name,
-        position: a.position,
-        rotation: a.rotation,
-        ref: ee(a) ? n : void 0,
-        children: a.children.map(l)
+        name: u.name,
+        position: u.position,
+        rotation: u.rotation,
+        ref: ee(u) ? n : void 0,
+        children: u.children.map(f)
       },
-      a.uuid
+      u.uuid
     );
   }
-  return /* @__PURE__ */ t.jsx("group", { ...s, dispose: null, ref: u, children: l(o.scene) });
+  return /* @__PURE__ */ t.jsx("group", { ...s, dispose: null, ref: i, children: f(c.scene) });
+}
+function ke({
+  modelURL: e,
+  flangeRef: n,
+  postModelRender: r,
+  ...s
+}) {
+  const [o, c] = _(null);
+  return F(() => {
+    (async () => {
+      try {
+        if (typeof e == "string")
+          c(e);
+        else {
+          const f = await e;
+          c(f);
+        }
+      } catch (f) {
+        console.error("Failed to resolve model URL:", f);
+      }
+    })();
+  }, [e]), o ? /* @__PURE__ */ t.jsx(
+    De,
+    {
+      url: o,
+      flangeRef: n,
+      postModelRender: r,
+      ...s
+    }
+  ) : null;
 }
 const Ae = (e, n) => {
   e.userData.isGhost || (e.traverse((r) => {
-    if (r instanceof d.Mesh) {
-      r.material instanceof d.Material && (r.material.colorWrite = !1);
+    if (r instanceof h.Mesh) {
+      r.material instanceof h.Material && (r.material.colorWrite = !1);
       const s = r.clone(), o = r.clone();
-      s.material = new d.MeshStandardMaterial({
+      s.material = new h.MeshStandardMaterial({
         depthTest: !0,
         depthWrite: !0,
         colorWrite: !1,
         polygonOffset: !0,
         polygonOffsetFactor: -1,
-        side: d.DoubleSide
-      }), s.userData.isGhost = !0, o.material = new d.MeshStandardMaterial({
+        side: h.DoubleSide
+      }), s.userData.isGhost = !0, o.material = new h.MeshStandardMaterial({
         color: n,
         opacity: 0.3,
         depthTest: !0,
@@ -487,81 +529,88 @@ const Ae = (e, n) => {
         transparent: !0,
         polygonOffset: !0,
         polygonOffsetFactor: -2,
-        side: d.DoubleSide
+        side: h.DoubleSide
       }), o.userData.isGhost = !0, r.parent && (r.parent.add(s), r.parent.add(o));
     }
   }), e.userData.isGhost = !0);
-}, ke = (e) => {
+}, Pe = (e) => {
   if (!e.userData.isGhost) return;
   const n = [];
   e.traverse((r) => {
     var s;
-    r instanceof d.Mesh && ((s = r.userData) != null && s.isGhost ? n.push(r) : r.material instanceof d.Material && (r.material.colorWrite = !0));
+    r instanceof h.Mesh && ((s = r.userData) != null && s.isGhost ? n.push(r) : r.material instanceof h.Material && (r.material.colorWrite = !0));
   }), n.forEach((r) => {
     r.parent && r.parent.remove(r);
   }), e.userData.isGhost = !1;
-}, ze = q(
+}, ze = K(
   ({
     rapidlyChangingMotionState: e,
     modelFromController: n,
     dhParameters: r,
     getModel: s = Q,
     flangeRef: o,
-    postModelRender: u,
-    transparentColor: l,
-    ...a
+    postModelRender: c,
+    transparentColor: i,
+    ...f
   }) => {
-    const [p, h] = C(null), f = _((c) => {
-      h(c);
+    const [u, m] = _(null), d = G((l) => {
+      m(l);
     }, []);
-    T(() => {
-      p && (l ? Ae(p, l) : ke(p));
-    }, [p, l]);
-    const i = /* @__PURE__ */ t.jsx(
-      Ie,
+    F(() => {
+      u && (i ? Ae(u, i) : Pe(u));
+    }, [u, i]);
+    const a = /* @__PURE__ */ t.jsx(
+      Ve,
       {
         rapidlyChangingMotionState: e,
         dhParameters: r,
-        ...a
+        ...f
       }
     );
     return /* @__PURE__ */ t.jsxs(
-      je,
+      we,
       {
-        fallback: i,
-        onError: (c) => {
-          console.error(c);
+        fallback: a,
+        onError: (l) => {
+          console.error(l);
         },
         children: [
-          /* @__PURE__ */ t.jsx(pe, { fallback: i, children: /* @__PURE__ */ t.jsx("group", { ref: f, children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx(pe, { fallback: a, children: /* @__PURE__ */ t.jsx("group", { ref: d, children: /* @__PURE__ */ t.jsx(
             re,
             {
               rapidlyChangingMotionState: e,
               dhParameters: r,
               children: /* @__PURE__ */ t.jsx(
-                Te,
+                ke,
                 {
-                  modelURL: s(n),
-                  postModelRender: u,
+                  modelURL: (() => {
+                    const l = s(n);
+                    if (!l) {
+                      const p = new Blob([], { type: "model/gltf-binary" }), x = new File([p], `${n}.glb`, { type: "model/gltf-binary" });
+                      return Promise.resolve(URL.createObjectURL(x));
+                    }
+                    return l;
+                  })(),
+                  postModelRender: c,
                   flangeRef: o,
-                  ...a
+                  ...f
                 }
               )
             }
           ) }) }),
-          /* @__PURE__ */ t.jsx(Ve, {})
+          /* @__PURE__ */ t.jsx(Le, {})
         ]
       }
     );
   }
 );
-function Pe({
+function Oe({
   connectedMotionGroup: e,
   getModel: n = Q,
   flangeRef: r,
   transparentColor: s,
   postModelRender: o,
-  ...u
+  ...c
 }) {
   return e.dhParameters ? /* @__PURE__ */ t.jsx(
     ze,
@@ -573,11 +622,11 @@ function Pe({
       flangeRef: r,
       transparentColor: s,
       postModelRender: o,
-      ...u
+      ...c
     }
   ) : null;
 }
-const et = q(
+const rt = K(
   he(
     ({
       robotName: e,
@@ -585,42 +634,42 @@ const et = q(
       safetyState: r,
       operationMode: s,
       driveToHomeEnabled: o = !1,
-      onDriveToHomePress: u,
-      onDriveToHomeRelease: l,
-      connectedMotionGroup: a,
-      robotComponent: p = Pe,
-      customContentComponent: h,
-      className: f
+      onDriveToHomePress: c,
+      onDriveToHomeRelease: i,
+      connectedMotionGroup: f,
+      robotComponent: u = Oe,
+      customContentComponent: m,
+      className: d
     }) => {
-      var z;
-      const i = fe(), { t: c } = xe(), [m, x] = C(!1), g = R(null), b = R(null), [M, ne] = C(!1), [F, oe] = C({ width: 400, height: 600 }), [Ee, se] = C(0);
-      T(() => {
-        const D = () => {
+      var P;
+      const a = fe(), { t: l } = xe(), [p, x] = _(!1), g = v(null), b = v(null), [M, ne] = _(!1), [S, oe] = _({ width: 400, height: 600 }), [Ee, se] = _(0);
+      F(() => {
+        const T = () => {
           if (b.current) {
-            const { offsetWidth: O, offsetHeight: E } = b.current;
-            ne(O > E), oe({ width: O, height: E });
+            const { offsetWidth: O, offsetHeight: U } = b.current;
+            ne(O > U), oe({ width: O, height: U });
           }
         };
-        D();
-        const P = new ResizeObserver(D);
-        return b.current && P.observe(b.current), () => {
-          P.disconnect();
+        T();
+        const z = new ResizeObserver(T);
+        return b.current && z.observe(b.current), () => {
+          z.disconnect();
         };
       }, []);
-      const A = _(() => {
-        se((D) => D + 1);
-      }, []), I = _(() => {
-        !o || !u || (x(!0), u());
-      }, [o, u]), S = _(() => {
-        !o || !l || (x(!1), l());
-      }, [o, l]), k = _(() => {
-        m && l && (x(!1), l());
-      }, [m, l]), w = M ? F.width < 350 : F.height < 200, V = M ? F.height < 310 : F.height < 450;
+      const k = G(() => {
+        se((T) => T + 1);
+      }, []), V = G(() => {
+        !o || !c || (x(!0), c());
+      }, [o, c]), C = G(() => {
+        !o || !i || (x(!1), i());
+      }, [o, i]), A = G(() => {
+        p && i && (x(!1), i());
+      }, [p, i]), w = M ? S.width < 350 : S.height < 200, L = M ? S.height < 310 : S.height < 450;
       return /* @__PURE__ */ t.jsx(
         de,
         {
           ref: b,
-          className: f,
+          className: d,
           sx: {
             width: "100%",
             height: "100%",
@@ -631,10 +680,10 @@ const et = q(
             minWidth: { xs: 180, sm: 220, md: 250 },
             minHeight: M ? { xs: 200, sm: 240, md: 260 } : { xs: 150, sm: 180, md: 220 },
             // Allow progressive hiding in portrait mode
-            border: `1px solid ${i.palette.divider}`,
+            border: `1px solid ${a.palette.divider}`,
             borderRadius: "18px",
             boxShadow: "none",
-            backgroundColor: ((z = i.palette.backgroundPaperElevation) == null ? void 0 : z[8]) || "#2A2A3F",
+            backgroundColor: ((P = a.palette.backgroundPaperElevation) == null ? void 0 : P[8]) || "#2A2A3F",
             backgroundImage: "none"
             // Override any gradient from elevation
           },
@@ -656,7 +705,7 @@ const et = q(
                   display: w ? "none" : "block"
                 },
                 children: !w && /* @__PURE__ */ t.jsxs(
-                  W,
+                  B,
                   {
                     orthographic: !0,
                     camera: {
@@ -666,7 +715,7 @@ const et = q(
                     shadows: !0,
                     frameloop: "demand",
                     style: {
-                      borderRadius: i.shape.borderRadius,
+                      borderRadius: a.shape.borderRadius,
                       width: "100%",
                       height: "100%",
                       background: "transparent",
@@ -677,12 +726,12 @@ const et = q(
                     dpr: [1, 2],
                     gl: { alpha: !0, antialias: !0 },
                     children: [
-                      /* @__PURE__ */ t.jsx(N, {}),
-                      /* @__PURE__ */ t.jsx($, { fit: !0, observe: !0, margin: 1, maxDuration: 1, children: /* @__PURE__ */ t.jsx(
-                        p,
+                      /* @__PURE__ */ t.jsx(Y, {}),
+                      /* @__PURE__ */ t.jsx(W, { fit: !0, observe: !0, margin: 1, maxDuration: 1, children: /* @__PURE__ */ t.jsx(
+                        u,
                         {
-                          connectedMotionGroup: a,
-                          postModelRender: A
+                          connectedMotionGroup: f,
+                          postModelRender: k
                         }
                       ) })
                     ]
@@ -710,7 +759,7 @@ const et = q(
                         textAlign: "left"
                       },
                       children: [
-                        /* @__PURE__ */ t.jsx(B, { variant: "h6", component: "h2", sx: { mb: 1 }, children: e }),
+                        /* @__PURE__ */ t.jsx($, { variant: "h6", component: "h2", sx: { mb: 1 }, children: e }),
                         /* @__PURE__ */ t.jsx(
                           J,
                           {
@@ -734,15 +783,15 @@ const et = q(
                         justifyContent: "space-between"
                       },
                       children: [
-                        !V && h && /* @__PURE__ */ t.jsxs(y, { children: [
-                          /* @__PURE__ */ t.jsx(h, {}),
+                        !L && m && /* @__PURE__ */ t.jsxs(y, { children: [
+                          /* @__PURE__ */ t.jsx(m, {}),
                           /* @__PURE__ */ t.jsx(
-                            H,
+                            N,
                             {
                               sx: {
                                 mt: 1,
                                 mb: 0,
-                                borderColor: i.palette.divider,
+                                borderColor: a.palette.divider,
                                 opacity: 0.5
                               }
                             }
@@ -752,7 +801,7 @@ const et = q(
                           y,
                           {
                             sx: {
-                              mt: !V && h ? "auto" : 0
+                              mt: !L && m ? "auto" : 0
                             },
                             children: /* @__PURE__ */ t.jsx(
                               y,
@@ -764,24 +813,24 @@ const et = q(
                                   mb: { xs: 0.5, sm: 0.75, md: 1 }
                                 },
                                 children: /* @__PURE__ */ t.jsx(
-                                  U,
+                                  H,
                                   {
                                     ref: g,
                                     variant: "contained",
                                     color: "secondary",
                                     size: "small",
                                     disabled: !o,
-                                    onMouseDown: I,
-                                    onMouseUp: S,
-                                    onMouseLeave: k,
-                                    onTouchStart: I,
-                                    onTouchEnd: S,
+                                    onMouseDown: V,
+                                    onMouseUp: C,
+                                    onMouseLeave: A,
+                                    onTouchStart: V,
+                                    onTouchEnd: C,
                                     sx: {
                                       textTransform: "none",
                                       px: 1.5,
                                       py: 0.5
                                     },
-                                    children: c("RobotCard.DriveToHome.bt")
+                                    children: l("RobotCard.DriveToHome.bt")
                                   }
                                 )
                               }
@@ -805,7 +854,7 @@ const et = q(
               },
               children: [
                 /* @__PURE__ */ t.jsxs(y, { children: [
-                  /* @__PURE__ */ t.jsx(B, { variant: "h6", component: "h2", sx: { mb: 1 }, children: e }),
+                  /* @__PURE__ */ t.jsx($, { variant: "h6", component: "h2", sx: { mb: 1 }, children: e }),
                   /* @__PURE__ */ t.jsx(
                     J,
                     {
@@ -828,7 +877,7 @@ const et = q(
                       display: w ? "none" : "block"
                     },
                     children: !w && /* @__PURE__ */ t.jsxs(
-                      W,
+                      B,
                       {
                         orthographic: !0,
                         camera: {
@@ -838,7 +887,7 @@ const et = q(
                         shadows: !0,
                         frameloop: "demand",
                         style: {
-                          borderRadius: i.shape.borderRadius,
+                          borderRadius: a.shape.borderRadius,
                           width: "100%",
                           height: "100%",
                           background: "transparent",
@@ -847,12 +896,12 @@ const et = q(
                         dpr: [1, 2],
                         gl: { alpha: !0, antialias: !0 },
                         children: [
-                          /* @__PURE__ */ t.jsx(N, {}),
-                          /* @__PURE__ */ t.jsx($, { fit: !0, clip: !0, observe: !0, margin: 1, maxDuration: 1, children: /* @__PURE__ */ t.jsx(
-                            p,
+                          /* @__PURE__ */ t.jsx(Y, {}),
+                          /* @__PURE__ */ t.jsx(W, { fit: !0, clip: !0, observe: !0, margin: 1, maxDuration: 1, children: /* @__PURE__ */ t.jsx(
+                            u,
                             {
-                              connectedMotionGroup: a,
-                              postModelRender: A
+                              connectedMotionGroup: f,
+                              postModelRender: k
                             }
                           ) })
                         ]
@@ -861,15 +910,15 @@ const et = q(
                   }
                 ),
                 /* @__PURE__ */ t.jsxs(y, { children: [
-                  !V && h && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                    /* @__PURE__ */ t.jsx(h, {}),
+                  !L && m && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                    /* @__PURE__ */ t.jsx(m, {}),
                     /* @__PURE__ */ t.jsx(
-                      H,
+                      N,
                       {
                         sx: {
                           mt: 1,
                           mb: 0,
-                          borderColor: i.palette.divider,
+                          borderColor: a.palette.divider,
                           opacity: 0.5
                         }
                       }
@@ -881,28 +930,28 @@ const et = q(
                       sx: {
                         display: "flex",
                         justifyContent: "flex-start",
-                        mt: !V && h ? { xs: 1, sm: 2, md: 5 } : { xs: 0.5, sm: 1, md: 2 },
+                        mt: !L && m ? { xs: 1, sm: 2, md: 5 } : { xs: 0.5, sm: 1, md: 2 },
                         mb: { xs: 0.5, sm: 0.75, md: 1 }
                       },
                       children: /* @__PURE__ */ t.jsx(
-                        U,
+                        H,
                         {
                           ref: g,
                           variant: "contained",
                           color: "secondary",
                           size: "small",
                           disabled: !o,
-                          onMouseDown: I,
-                          onMouseUp: S,
-                          onMouseLeave: k,
-                          onTouchStart: I,
-                          onTouchEnd: S,
+                          onMouseDown: V,
+                          onMouseUp: C,
+                          onMouseLeave: A,
+                          onTouchStart: V,
+                          onTouchEnd: C,
                           sx: {
                             textTransform: "none",
                             px: 1.5,
                             py: 0.5
                           },
-                          children: c("RobotCard.DriveToHome.bt")
+                          children: l("RobotCard.DriveToHome.bt")
                         }
                       )
                     }
@@ -915,7 +964,7 @@ const et = q(
       );
     }
   )
-), tt = Array(6).fill(2 * Math.PI), K = {
+), nt = Array(6).fill(2 * Math.PI), q = {
   [j.Abb]: [0, 0, 0, 0, Math.PI / 2, 0, 0],
   [j.Fanuc]: [0, 0, 0, 0, -Math.PI / 2, 0, 0],
   [j.Yaskawa]: [0, 0, 0, 0, -Math.PI / 2, 0, 0],
@@ -938,7 +987,7 @@ const et = q(
     0
   ]
 };
-function Oe(e) {
+function Ue(e) {
   const [n] = e.split("_");
   switch (n) {
     case "ABB":
@@ -955,22 +1004,22 @@ function Oe(e) {
       return null;
   }
 }
-function rt(e, n) {
-  const r = Oe(e);
-  return r && r in K ? K[r] : n || null;
+function ot(e, n) {
+  const r = Ue(e);
+  return r && r in q ? q[r] : n || null;
 }
 export {
-  Xe as C,
-  K as M,
-  N as P,
-  et as R,
-  Ze as S,
-  Qe as T,
-  tt as a,
-  Pe as b,
-  ze as c,
-  Q as d,
-  Oe as e,
-  rt as g
+  Qe as C,
+  q as M,
+  Y as P,
+  Oe as R,
+  et as S,
+  tt as T,
+  rt as a,
+  ze as b,
+  Q as c,
+  nt as d,
+  Ue as e,
+  ot as g
 };
-//# sourceMappingURL=manufacturerHomePositions-CgaG5vaK.js.map
+//# sourceMappingURL=manufacturerHomePositions-BaS-GAxw.js.map