vehicle-path 1.0.0 → 1.0.1

package/dist/vehicle-path.js

@@ -1,28 +1,28 @@
 import { useState as L, useMemo as Z, useRef as P, useEffect as b, useCallback as G, createContext as he, useContext as pe } from "react";
 function j(e, t) {
-  const n = t.x - e.x, r = t.y - e.y;
-  return Math.sqrt(n * n + r * r);
+  const n = t.x - e.x, s = t.y - e.y;
+  return Math.sqrt(n * n + s * s);
 }
 function Q(e, t) {
-  const n = t.x - e.x, r = t.y - e.y, s = Math.sqrt(n * n + r * r);
-  return s === 0 ? { x: 0, y: 0 } : { x: n / s, y: r / s };
+  const n = t.x - e.x, s = t.y - e.y, r = Math.sqrt(n * n + s * s);
+  return r === 0 ? { x: 0, y: 0 } : { x: n / r, y: s / r };
 }
 function Ie(e, t) {
   return t * (e === "proportional-40" ? 0.4 : 0.5522);
 }
-function ue(e, t, n, r = !1, s) {
-  const { wheelbase: c, tangentMode: o } = n;
-  let i;
-  s?.fromOffset !== void 0 ? i = ee(e, s.fromOffset, s.fromIsPercentage ?? !1) : i = e.end;
+function ue(e, t, n, s = !1, r) {
+  const { wheelbase: c, tangentMode: i } = n;
+  let o;
+  r?.fromOffset !== void 0 ? o = ee(e, r.fromOffset, r.fromIsPercentage ?? !1) : o = e.end;
   let f;
-  s?.toOffset !== void 0 ? f = ee(t, s.toOffset, s.toIsPercentage ?? !1) : f = t.start;
-  const a = Q(e.start, e.end), u = r ? {
+  r?.toOffset !== void 0 ? f = ee(t, r.toOffset, r.toIsPercentage ?? !1) : f = t.start;
+  const a = Q(e.start, e.end), u = s ? {
     // Transition with flip: kurva dimulai dari P (baseP0 - wheelbase in line direction)
-    x: i.x - a.x * c,
-    y: i.y - a.y * c
-  } : i, d = Q(e.start, e.end), m = Q(t.start, t.end), I = j(u, f), h = Ie(o, I), l = r ? { x: u.x - d.x * h, y: u.y - d.y * h } : { x: u.x + d.x * h, y: u.y + d.y * h }, p = {
-    x: f.x - m.x * h,
-    y: f.y - m.y * h
+    x: o.x - a.x * c,
+    y: o.y - a.y * c
+  } : o, d = Q(e.start, e.end), g = Q(t.start, t.end), v = j(u, f), h = Ie(i, v), l = s ? { x: u.x - d.x * h, y: u.y - d.y * h } : { x: u.x + d.x * h, y: u.y + d.y * h }, p = {
+    x: f.x - g.x * h,
+    y: f.y - g.y * h
   };
   return { p0: u, p1: l, p2: p, p3: f };
 }
@@ -33,23 +33,23 @@ function ve(e, t) {
   };
 }
 function ee(e, t, n) {
-  const r = j(e.start, e.end);
-  let s;
-  return n ? s = t / 100 : s = r > 0 ? t / r : 0, s = Math.max(0, Math.min(1, s)), ve(e, s);
+  const s = j(e.start, e.end);
+  let r;
+  return n ? r = t / 100 : r = s > 0 ? t / s : 0, r = Math.max(0, Math.min(1, r)), ve(e, r);
 }
 function ne(e, t) {
-  const { p0: n, p1: r, p2: s, p3: c } = e, o = 1 - t, i = o * o, f = i * o, a = t * t, u = a * t;
+  const { p0: n, p1: s, p2: r, p3: c } = e, i = 1 - t, o = i * i, f = o * i, a = t * t, u = a * t;
   return {
-    x: f * n.x + 3 * i * t * r.x + 3 * o * a * s.x + u * c.x,
-    y: f * n.y + 3 * i * t * r.y + 3 * o * a * s.y + u * c.y
+    x: f * n.x + 3 * o * t * s.x + 3 * i * a * r.x + u * c.x,
+    y: f * n.y + 3 * o * t * s.y + 3 * i * a * r.y + u * c.y
   };
 }
 function xe(e, t = 100) {
   const n = [{ t: 0, distance: 0 }];
-  let r = e.p0, s = 0;
+  let s = e.p0, r = 0;
   for (let c = 1; c <= t; c++) {
-    const o = c / t, i = ne(e, o);
-    s += j(r, i), n.push({ t: o, distance: s }), r = i;
+    const i = c / t, o = ne(e, i);
+    r += j(s, o), n.push({ t: i, distance: r }), s = o;
   }
   return n;
 }
@@ -57,65 +57,65 @@ function ye(e, t) {
   if (t <= 0) return 0;
   const n = e[e.length - 1].distance;
   if (t >= n) return 1;
-  let r = 0, s = e.length - 1;
-  for (; r < s - 1; ) {
-    const u = Math.floor((r + s) / 2);
-    e[u].distance < t ? r = u : s = u;
+  let s = 0, r = e.length - 1;
+  for (; s < r - 1; ) {
+    const u = Math.floor((s + r) / 2);
+    e[u].distance < t ? s = u : r = u;
   }
-  const c = e[r].distance, o = e[s].distance, i = e[r].t, f = e[s].t;
-  if (o === c) return i;
-  const a = (t - c) / (o - c);
-  return i + a * (f - i);
+  const c = e[s].distance, i = e[r].distance, o = e[s].t, f = e[r].t;
+  if (i === c) return o;
+  const a = (t - c) / (i - c);
+  return o + a * (f - o);
 }
 function je(e) {
   return e[e.length - 1].distance;
 }
 function Me(e, t = 100) {
-  let n = 0, r = e.p0;
-  for (let s = 1; s <= t; s++) {
-    const c = s / t, o = ne(e, c);
-    n += j(r, o), r = o;
+  let n = 0, s = e.p0;
+  for (let r = 1; r <= t; r++) {
+    const c = r / t, i = ne(e, c);
+    n += j(s, i), s = i;
   }
   return n;
 }
-function ze(e, t, n, r) {
-  const s = j(e.start, e.end);
-  return t === void 0 ? r / 100 * s : n ? t / 100 * s : t;
+function ze(e, t, n, s) {
+  const r = j(e.start, e.end);
+  return t === void 0 ? s / 100 * r : n ? t / 100 * r : t;
 }
-function fe(e, t, n, r, s) {
-  const c = j(e.start, e.end), o = c - s;
-  if (o <= 0)
+function fe(e, t, n, s, r) {
+  const c = j(e.start, e.end), i = c - r;
+  if (i <= 0)
     return c;
-  let i;
+  let o;
   if (t === void 0)
-    i = r;
+    o = s;
   else if (n)
-    i = t;
+    o = t;
   else
-    return Math.max(s, Math.min(t, c));
-  return s + i / 100 * o;
+    return Math.max(r, Math.min(t, c));
+  return r + o / 100 * i;
 }
-function le(e, t, n, r, s) {
-  const o = j(e.start, e.end) - s;
-  if (o <= 0)
+function le(e, t, n, s, r) {
+  const i = j(e.start, e.end) - r;
+  if (i <= 0)
     return 0;
-  let i;
+  let o;
   if (t === void 0)
-    i = r;
+    o = s;
   else if (n)
-    i = t;
+    o = t;
   else
-    return Math.max(0, Math.min(t, o));
-  return i / 100 * o;
+    return Math.max(0, Math.min(t, i));
+  return o / 100 * i;
 }
 function Le(e, t, n) {
-  const r = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
-  for (const o of e)
-    s.set(o.id, o), c.set(o.id, j(o.start, o.end)), r.set(o.id, []);
-  for (let o = 0; o < t.length; o++) {
-    const i = t[o], f = s.get(i.fromLineId), a = s.get(i.toLineId);
+  const s = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+  for (const i of e)
+    r.set(i.id, i), c.set(i.id, j(i.start, i.end)), s.set(i.id, []);
+  for (let i = 0; i < t.length; i++) {
+    const o = t[i], f = r.get(o.fromLineId), a = r.get(o.toLineId);
     if (!f || !a) continue;
-    const u = fe(f, i.fromOffset, i.fromIsPercentage, 100, n.wheelbase), d = le(a, i.toOffset, i.toIsPercentage, 0, n.wheelbase), m = ue(
+    const u = fe(f, o.fromOffset, o.fromIsPercentage, 100, n.wheelbase), d = le(a, o.toOffset, o.toIsPercentage, 0, n.wheelbase), g = ue(
       f,
       a,
       n,
@@ -129,22 +129,22 @@ function Le(e, t, n) {
         toIsPercentage: !1
         // Already resolved to absolute
       }
-    ), I = Me(m), h = {
-      curveIndex: o,
-      fromLineId: i.fromLineId,
-      toLineId: i.toLineId,
+    ), v = Me(g), h = {
+      curveIndex: i,
+      fromLineId: o.fromLineId,
+      toLineId: o.toLineId,
       fromOffset: u,
       toOffset: d,
-      curveLength: I
+      curveLength: v
     };
-    r.get(i.fromLineId).push(h);
+    s.get(o.fromLineId).push(h);
   }
-  return { adjacency: r, lines: s, lineLengths: c };
+  return { adjacency: s, lines: r, lineLengths: c };
 }
-function de(e, t, n, r, s = !1) {
-  const { adjacency: c, lines: o, lineLengths: i } = e;
-  if (!o.get(n)) return null;
-  const a = i.get(n), u = s ? r / 100 * a : r, d = [], m = /* @__PURE__ */ new Map(), I = (l, p) => `${l}:${Math.round(p)}`;
+function de(e, t, n, s, r = !1) {
+  const { adjacency: c, lines: i, lineLengths: o } = e;
+  if (!i.get(n)) return null;
+  const a = o.get(n), u = r ? s / 100 * a : s, d = [], g = /* @__PURE__ */ new Map(), v = (l, p) => `${l}:${Math.round(p)}`;
   if (t.lineId === n && u >= t.offset) {
     const l = u - t.offset;
     return {
@@ -167,7 +167,7 @@ function de(e, t, n, r, s = !1) {
       startOffset: t.offset,
       endOffset: l.fromOffset,
       length: p
-    }, g = {
+    }, m = {
       type: "curve",
       curveIndex: l.curveIndex,
       startOffset: 0,
@@ -178,72 +178,72 @@ function de(e, t, n, r, s = !1) {
       lineId: l.toLineId,
       entryOffset: l.toOffset,
       totalDistance: S,
-      path: [M, g]
+      path: [M, m]
     });
   }
   for (d.sort((l, p) => l.totalDistance - p.totalDistance); d.length > 0; ) {
-    const l = d.shift(), p = I(l.lineId, l.entryOffset), S = m.get(p);
+    const l = d.shift(), p = v(l.lineId, l.entryOffset), S = g.get(p);
     if (S !== void 0 && S <= l.totalDistance)
       continue;
-    if (m.set(p, l.totalDistance), l.lineId === n) {
-      const g = Math.abs(u - l.entryOffset);
+    if (g.set(p, l.totalDistance), l.lineId === n) {
+      const m = Math.abs(u - l.entryOffset);
       if (u >= l.entryOffset) {
-        const v = {
+        const x = {
           type: "line",
           lineId: n,
           startOffset: l.entryOffset,
           endOffset: u,
-          length: g
+          length: m
         };
         return {
-          segments: [...l.path, v],
-          totalDistance: l.totalDistance + g
+          segments: [...l.path, x],
+          totalDistance: l.totalDistance + m
         };
       }
     }
     const M = c.get(l.lineId) || [];
-    for (const g of M) {
-      if (g.fromOffset < l.entryOffset) continue;
-      const v = g.fromOffset - l.entryOffset, O = l.totalDistance + v + g.curveLength, C = I(g.toLineId, g.toOffset), E = m.get(C);
-      if (E !== void 0 && E <= O)
+    for (const m of M) {
+      if (m.fromOffset < l.entryOffset) continue;
+      const x = m.fromOffset - l.entryOffset, O = l.totalDistance + x + m.curveLength, C = v(m.toLineId, m.toOffset), q = g.get(C);
+      if (q !== void 0 && q <= O)
         continue;
       const D = {
         type: "line",
         lineId: l.lineId,
         startOffset: l.entryOffset,
-        endOffset: g.fromOffset,
-        length: v
-      }, x = {
+        endOffset: m.fromOffset,
+        length: x
+      }, I = {
         type: "curve",
-        curveIndex: g.curveIndex,
+        curveIndex: m.curveIndex,
         startOffset: 0,
-        endOffset: g.curveLength,
-        length: g.curveLength
+        endOffset: m.curveLength,
+        length: m.curveLength
       };
       d.push({
-        lineId: g.toLineId,
-        entryOffset: g.toOffset,
+        lineId: m.toLineId,
+        entryOffset: m.toOffset,
         totalDistance: O,
-        path: [...l.path, D, x]
+        path: [...l.path, D, I]
       });
     }
-    d.sort((g, v) => g.totalDistance - v.totalDistance);
+    d.sort((m, x) => m.totalDistance - x.totalDistance);
   }
   return null;
 }
-function Je(e, t, n, r, s = !1) {
-  return de(e, t, n, r, s) !== null;
+function Je(e, t, n, s, r = !1) {
+  return de(e, t, n, s, r) !== null;
 }
 function Ke(e, t, n) {
-  return (e.adjacency.get(t) || []).filter((s) => s.fromOffset >= n);
+  return (e.adjacency.get(t) || []).filter((r) => r.fromOffset >= n);
 }
-function me(e, t) {
+function ge(e, t) {
   const n = Math.sqrt(
     Math.pow(e.end.x - e.start.x, 2) + Math.pow(e.end.y - e.start.y, 2)
-  ), r = n > 0 ? t / n : 0;
+  ), s = n > 0 ? t / n : 0;
   return {
-    x: e.start.x + (e.end.x - e.start.x) * Math.min(1, Math.max(0, r)),
-    y: e.start.y + (e.end.y - e.start.y) * Math.min(1, Math.max(0, r))
+    x: e.start.x + (e.end.x - e.start.x) * Math.min(1, Math.max(0, s)),
+    y: e.start.y + (e.end.y - e.start.y) * Math.min(1, Math.max(0, s))
   };
 }
 function Oe(e) {
@@ -252,42 +252,42 @@ function Oe(e) {
   );
 }
 function Se(e, t, n) {
-  let r = 0;
-  for (let s = 0; s < t; s++)
-    r += e.segments[s].length;
-  return r += n, r;
+  let s = 0;
+  for (let r = 0; r < t; r++)
+    s += e.segments[r].length;
+  return s += n, s;
 }
 function Ce(e, t) {
   let n = 0;
-  for (let r = 0; r < e.segments.length; r++) {
-    const s = e.segments[r], c = n + s.length;
+  for (let s = 0; s < e.segments.length; s++) {
+    const r = e.segments[s], c = n + r.length;
     if (t < c)
       return {
-        segmentIndex: r,
+        segmentIndex: s,
         segmentDistance: t - n
       };
     if (t === c)
-      return r + 1 < e.segments.length ? {
-        segmentIndex: r + 1,
+      return s + 1 < e.segments.length ? {
+        segmentIndex: s + 1,
         segmentDistance: 0
       } : {
-        segmentIndex: r,
-        segmentDistance: s.length
+        segmentIndex: s,
+        segmentDistance: r.length
       };
-    n += s.length;
+    n += r.length;
   }
   return null;
 }
-function te(e, t, n, r) {
+function te(e, t, n, s) {
   const c = Se(
     e,
     t,
     n
-  ) + r;
+  ) + s;
   return Ce(e, c);
 }
-function ge(e, t, n) {
-  const r = e.execution, s = n.vehicleQueues.get(e.vehicle.id), c = s?.[r.currentCommandIndex];
+function me(e, t, n) {
+  const s = e.execution, r = n.vehicleQueues.get(e.vehicle.id), c = r?.[s.currentCommandIndex];
   if (c && n.onCommandComplete && n.onCommandComplete({
     vehicleId: e.vehicle.id,
     command: c,
@@ -301,13 +301,13 @@ function ge(e, t, n) {
     return {
       handled: !0,
       vehicle: { ...e.vehicle, state: "waiting" },
-      newExecution: r,
+      newExecution: s,
       // Keep execution state for resume
       isWaiting: !0
     };
-  const o = r.currentCommandIndex + 1;
-  if (s && o < s.length) {
-    const f = s[o], a = n.graphRef.current;
+  const i = s.currentCommandIndex + 1;
+  if (r && i < r.length) {
+    const f = r[i], a = n.graphRef.current;
     if (a) {
       const u = {
         graph: a,
@@ -320,28 +320,28 @@ function ge(e, t, n) {
         u
       );
       if (d) {
-        const m = te(
+        const g = te(
           d.path,
           0,
           t,
           n.config.wheelbase
-        ), I = {
+        ), v = {
           path: d.path,
           curveDataMap: d.curveDataMap,
-          currentCommandIndex: o,
+          currentCommandIndex: i,
           rear: {
             currentSegmentIndex: 0,
             segmentDistance: t
           },
-          front: m ? {
-            currentSegmentIndex: m.segmentIndex,
-            segmentDistance: m.segmentDistance
+          front: g ? {
+            currentSegmentIndex: g.segmentIndex,
+            segmentDistance: g.segmentDistance
           } : {
             currentSegmentIndex: 0,
             segmentDistance: t
           }
         };
-        return { handled: !0, vehicle: { ...e.vehicle, state: "moving" }, newExecution: I };
+        return { handled: !0, vehicle: { ...e.vehicle, state: "moving" }, newExecution: v };
       }
     }
   }
@@ -352,23 +352,23 @@ function ge(e, t, n) {
 }
 function Ge(e, t) {
   const n = e.execution;
-  return n ? n.rear.currentSegmentIndex >= n.path.segments.length ? ge(e, n.rear.segmentDistance, t) : { handled: !1, vehicle: e.vehicle } : { handled: !1, vehicle: e.vehicle };
+  return n ? n.rear.currentSegmentIndex >= n.path.segments.length ? me(e, n.rear.segmentDistance, t) : { handled: !1, vehicle: e.vehicle } : { handled: !1, vehicle: e.vehicle };
 }
 function W(e, t) {
-  return { position: me(e, t), lineId: e.id, absoluteOffset: t };
+  return { position: ge(e, t), lineId: e.id, absoluteOffset: t };
 }
 function H(e, t) {
   const n = ye(e.arcLengthTable, t);
   return { position: ne(e.bezier, n) };
 }
-function se(e, t, n, r, s, c, o) {
-  const i = n.segments[t.currentSegmentIndex], f = t.segmentDistance + r;
-  if (f >= i.length) {
-    const u = f - i.length, d = t.currentSegmentIndex + 1;
+function re(e, t, n, s, r, c, i) {
+  const o = n.segments[t.currentSegmentIndex], f = t.segmentDistance + s;
+  if (f >= o.length) {
+    const u = f - o.length, d = t.currentSegmentIndex + 1;
     if (d >= n.segments.length) {
-      if (o !== void 0 && i.type === "line") {
-        const l = s.get(i.lineId), p = i.startOffset + f;
-        if (p <= o) {
+      if (i !== void 0 && o.type === "line") {
+        const l = r.get(o.lineId), p = o.startOffset + f;
+        if (p <= i) {
           const M = W(l, p);
           return {
             axleState: { ...e, ...M },
@@ -376,35 +376,35 @@ function se(e, t, n, r, s, c, o) {
             completed: !1
           };
         }
-        const S = W(l, o);
+        const S = W(l, i);
         return {
           axleState: { ...e, ...S },
-          execution: { ...t, segmentDistance: o - i.startOffset },
+          execution: { ...t, segmentDistance: i - o.startOffset },
           completed: !0
         };
       }
-      const h = i.type === "line" ? W(
-        s.get(i.lineId),
-        i.endOffset
+      const h = o.type === "line" ? W(
+        r.get(o.lineId),
+        o.endOffset
       ) : H(
-        c.get(i.curveIndex),
-        i.length
+        c.get(o.curveIndex),
+        o.length
       );
       return {
         axleState: { ...e, ...h },
-        execution: { ...t, segmentDistance: i.length },
+        execution: { ...t, segmentDistance: o.length },
         completed: !0
       };
     }
-    const m = n.segments[d], I = m.type === "line" ? W(
-      s.get(m.lineId),
-      m.startOffset + u
+    const g = n.segments[d], v = g.type === "line" ? W(
+      r.get(g.lineId),
+      g.startOffset + u
     ) : H(
-      c.get(m.curveIndex),
+      c.get(g.curveIndex),
       u
     );
     return {
-      axleState: { ...e, ...I },
+      axleState: { ...e, ...v },
       execution: {
         currentSegmentIndex: d,
         segmentDistance: u
@@ -412,11 +412,11 @@ function se(e, t, n, r, s, c, o) {
       completed: !1
     };
   }
-  const a = i.type === "line" ? W(
-    s.get(i.lineId),
-    i.startOffset + f
+  const a = o.type === "line" ? W(
+    r.get(o.lineId),
+    o.startOffset + f
   ) : H(
-    c.get(i.curveIndex),
+    c.get(o.curveIndex),
     f
   );
   return {
@@ -425,20 +425,20 @@ function se(e, t, n, r, s, c, o) {
     completed: !1
   };
 }
-function De(e, t, n, r) {
-  const s = Math.sqrt(
-    Math.pow(r.end.x - r.start.x, 2) + Math.pow(r.end.y - r.start.y, 2)
+function we(e, t, n, s) {
+  const r = Math.sqrt(
+    Math.pow(s.end.x - s.start.x, 2) + Math.pow(s.end.y - s.start.y, 2)
   );
   let c = t + n;
-  c = Math.min(c, s);
-  const o = me(r, c);
+  c = Math.min(c, r);
+  const i = ge(s, c);
   return {
     lineId: e,
-    position: o,
+    position: i,
     absoluteOffset: c
   };
 }
-function we(e, t) {
+function De(e, t) {
   return {
     ...e,
     state: "idle"
@@ -451,40 +451,40 @@ function Te(e) {
   };
 }
 function oe(e, t) {
-  const n = [], r = /* @__PURE__ */ new Map();
-  for (const s of e) {
-    if (!t.get(s.lineId)) continue;
-    const o = we(s);
-    n.push(o);
-    const i = Te(o);
-    r.set(s.id, i);
+  const n = [], s = /* @__PURE__ */ new Map();
+  for (const r of e) {
+    if (!t.get(r.lineId)) continue;
+    const i = De(r);
+    n.push(i);
+    const o = Te(i);
+    s.set(r.id, o);
   }
-  return { movingVehicles: n, stateMap: r };
+  return { movingVehicles: n, stateMap: s };
 }
-function Pe(e, t, n, r) {
-  const s = /* @__PURE__ */ new Map();
+function Pe(e, t, n, s) {
+  const r = /* @__PURE__ */ new Map();
   for (const c of e.segments)
     if (c.type === "curve" && c.curveIndex !== void 0) {
-      const o = t[c.curveIndex];
-      if (o) {
-        const i = n.get(o.fromLineId), f = n.get(o.toLineId);
-        if (i && f) {
+      const i = t[c.curveIndex];
+      if (i) {
+        const o = n.get(i.fromLineId), f = n.get(i.toLineId);
+        if (o && f) {
           const a = fe(
-            i,
-            o.fromOffset,
-            o.fromIsPercentage,
+            o,
+            i.fromOffset,
+            i.fromIsPercentage,
             100,
-            r.wheelbase
+            s.wheelbase
           ), u = le(
             f,
-            o.toOffset,
-            o.toIsPercentage,
+            i.toOffset,
+            i.toIsPercentage,
             0,
-            r.wheelbase
+            s.wheelbase
           ), d = ue(
-            i,
+            o,
             f,
-            r,
+            s,
             !1,
             // willFlip is always false now
             {
@@ -495,120 +495,124 @@ function Pe(e, t, n, r) {
               toIsPercentage: !1
               // Already resolved to absolute
             }
-          ), m = xe(d);
-          s.set(c.curveIndex, { bezier: d, arcLengthTable: m });
+          ), g = xe(d);
+          r.set(c.curveIndex, { bezier: d, arcLengthTable: g });
         }
       }
     }
-  return s;
+  return r;
 }
 function X(e, t, n) {
-  const { graph: r, linesMap: s, curves: c, config: o } = n, i = s.get(t.targetLineId);
-  if (!i) return null;
-  const a = Oe(i) - o.wheelbase;
+  const { graph: s, linesMap: r, curves: c, config: i } = n, o = r.get(t.targetLineId);
+  if (!o) return null;
+  const a = Oe(o) - i.wheelbase;
   if (a <= 0) return null;
   const u = t.isPercentage ? t.targetOffset / 100 * a : Math.min(t.targetOffset, a), d = de(
-    r,
+    s,
     { lineId: e.lineId, offset: e.rear.absoluteOffset },
     t.targetLineId,
     u,
     !1
   );
   if (!d) return null;
-  const m = Pe(d, c, s, o);
-  return { path: d, curveDataMap: m };
+  const g = Pe(d, c, r, i);
+  return { path: d, curveDataMap: g };
 }
 function Ue({
   vehicles: e,
   lines: t,
   vehicleQueues: n,
-  velocity: r,
-  wheelbase: s,
+  velocity: s,
+  wheelbase: r,
   tangentMode: c,
-  curves: o,
-  eventEmitter: i
+  curves: i,
+  eventEmitter: o
 }) {
-  const [f, a] = L("stopped"), [u, d] = L([]), m = Z(() => ({
-    wheelbase: s,
+  const [f, a] = L("stopped"), [u, d] = L([]), g = Z(() => ({
+    wheelbase: r,
     tangentMode: c
-  }), [s, c]), I = Z(
-    () => new Map(t.map((x) => [x.id, x])),
+  }), [r, c]), v = Z(
+    () => new Map(t.map((I) => [I.id, I])),
     [t]
   ), h = P(null), l = P(/* @__PURE__ */ new Map());
   b(() => {
-    const { movingVehicles: x, stateMap: y } = oe(e, I);
+    const { movingVehicles: I, stateMap: y } = oe(e, v);
     l.current = y;
     const w = setTimeout(() => {
-      d(x);
+      d(I);
     }, 0);
     return () => clearTimeout(w);
-  }, [e, I]);
+  }, [e, v]);
   const p = P(null);
   b(() => {
-    t.length > 0 && (p.current = Le(t, o, m));
-  }, [t, o, m]);
+    t.length > 0 && (p.current = Le(t, i, g));
+  }, [t, i, g]);
   const S = P(!1), M = P(() => {
-  }), g = P(0), v = P(/* @__PURE__ */ new Set());
+  }), m = P(0), x = P(/* @__PURE__ */ new Set());
   b(() => {
     M.current = () => {
-      const x = r;
+      const I = s;
       let y = !1;
       for (const [, w] of l.current)
         w.vehicle.state === "moving" && (y = !0);
       if (!y) {
-        S.current = !1, g.current = 0;
+        S.current = !1, m.current = 0;
         return;
       }
-      d((w) => w.map((q) => {
-        const T = l.current.get(q.id);
-        if (!T || q.state !== "moving" || !T.execution)
-          return q;
+      d((w) => w.map((E) => {
+        const T = l.current.get(E.id);
+        if (!T || E.state !== "moving" || !T.execution)
+          return E;
         const $ = T.execution;
         let A;
         if ($.front.currentSegmentIndex < $.path.segments.length) {
           const N = $.path.segments[$.front.currentSegmentIndex];
           if (N.type === "line") {
-            const V = I.get(N.lineId);
+            const V = v.get(N.lineId);
             V && (A = Math.sqrt(
               Math.pow(V.end.x - V.start.x, 2) + Math.pow(V.end.y - V.start.y, 2)
             ));
           }
         }
-        const F = se(
-          q.rear,
+        const F = re(
+          E.rear,
           $.rear,
           $.path,
-          x,
           I,
+          v,
           $.curveDataMap
-        ), R = se(
-          q.front,
+        ), R = re(
+          E.front,
           $.front,
           $.path,
-          x,
           I,
+          v,
           $.curveDataMap,
           A
         );
         if (F.completed) {
           const N = {
-            linesMap: I,
-            config: m,
+            linesMap: v,
+            config: g,
             vehicleQueues: n,
-            curves: o,
+            curves: i,
             graphRef: p,
             prepareCommandPath: X,
-            onCommandComplete: i ? (K) => i.emit("commandComplete", K) : void 0
+            onCommandComplete: o ? (K) => o.emit("commandComplete", K) : void 0
           }, V = {
-            ...q,
+            ...E,
             rear: F.axleState,
             front: R.axleState
           };
           T.vehicle = V, T.execution.rear = F.execution, T.execution.front = R.execution;
-          const re = F.execution.segmentDistance, J = ge(T, re, N);
-          if (T.vehicle = J.vehicle, J.newExecution !== void 0 && (T.execution = J.newExecution), i) {
+          const se = F.execution.segmentDistance, J = me(T, se, N);
+          if (T.vehicle = J.vehicle, J.newExecution !== void 0 && (T.execution = J.newExecution), o && J.vehicle.state !== "moving" && o.emit("stateChange", {
+            vehicleId: E.id,
+            from: "moving",
+            to: J.vehicle.state
+          }), o) {
             const K = J.vehicle.rear.position, U = J.vehicle.front.position;
-            i.emit("positionUpdate", {
+            o.emit("positionUpdate", {
               vehicleId: J.vehicle.id,
               rear: K,
               front: U,
@@ -622,13 +626,13 @@ function Ue({
           return J.vehicle;
         }
         const z = {
-          ...q,
+          ...E,
           rear: F.axleState,
           front: R.axleState
         };
-        if (T.vehicle = z, T.execution.rear = F.execution, T.execution.front = R.execution, i) {
+        if (T.vehicle = z, T.execution.rear = F.execution, T.execution.front = R.execution, o) {
           const N = z.rear.position, V = z.front.position;
-          i.emit("positionUpdate", {
+          o.emit("positionUpdate", {
             vehicleId: z.id,
             rear: N,
             front: V,
@@ -642,20 +646,20 @@ function Ue({
         return z;
       })), S.current && (h.current = requestAnimationFrame(() => M.current()));
     };
-  }, [r, I, o, m, n, i]), b(() => (f === "running" ? (S.current = !0, h.current = requestAnimationFrame(() => M.current())) : S.current = !1, () => {
+  }, [s, v, i, g, n, o]), b(() => (f === "running" ? (S.current = !0, h.current = requestAnimationFrame(() => M.current())) : S.current = !1, () => {
     h.current && cancelAnimationFrame(h.current);
   }), [f]);
   const O = G(() => {
     if (f === "running") return;
-    const x = p.current;
-    x && (g.current = 0, v.current.clear(), d((y) => y.map((w) => {
-      const q = n.get(w.id);
-      if (!q || q.length === 0)
+    const I = p.current;
+    I && (m.current = 0, x.current.clear(), d((y) => y.map((w) => {
+      const E = n.get(w.id);
+      if (!E || E.length === 0)
         return w;
-      const T = q[0], A = X(
+      const T = E[0], A = X(
         w,
         T,
-        { graph: x, linesMap: I, curves: o, config: m }
+        { graph: I, linesMap: v, curves: i, config: g }
       );
       if (!A)
         return console.warn(`No path found for vehicle ${w.id}`), w;
@@ -665,7 +669,7 @@ function Ue({
           A.path,
           0,
           0,
-          s
+          r
         );
         F.execution = {
           path: A.path,
@@ -682,47 +686,59 @@ function Ue({
             currentSegmentIndex: 0,
             segmentDistance: 0
           }
-        }, F.vehicle = { ...w, state: "moving" };
+        }, F.vehicle = { ...w, state: "moving" }, o && w.state !== "moving" && o.emit("stateChange", {
+          vehicleId: w.id,
+          from: w.state,
+          to: "moving"
+        });
       }
       return { ...w, state: "moving" };
     })), a("running"));
-  }, [f, I, o, n, m, s]), C = G(() => {
+  }, [f, v, i, n, g, r, o]), C = G(() => {
     h.current && (cancelAnimationFrame(h.current), h.current = null), a("paused");
-  }, []), E = G(() => {
+  }, []), q = G(() => {
     h.current && (cancelAnimationFrame(h.current), h.current = null);
-    const { movingVehicles: x, stateMap: y } = oe(e, I);
-    l.current = y, d(x), a("stopped");
-  }, [e, I]), D = G((x) => {
-    const y = l.current.get(x);
+    const { movingVehicles: I, stateMap: y } = oe(e, v);
+    l.current = y, d(I), a("stopped");
+  }, [e, v]), D = G((I) => {
+    const y = l.current.get(I);
     if (!y || y.vehicle.state !== "waiting")
       return !1;
-    const w = n.get(x), q = y.execution;
-    if (!q) return !1;
-    const T = q.currentCommandIndex + 1;
+    const w = n.get(I), E = y.execution;
+    if (!E) return !1;
+    const T = E.currentCommandIndex + 1;
     if (w && T < w.length) {
       const $ = p.current;
       if ($) {
-        const A = w[T], F = { graph: $, linesMap: I, curves: o, config: m }, R = X(y.vehicle, A, F);
+        const A = w[T], F = { graph: $, linesMap: v, curves: i, config: g }, R = X(y.vehicle, A, F);
         if (R) {
-          const z = te(R.path, 0, 0, s);
+          const z = te(R.path, 0, 0, r);
           return y.execution = {
             path: R.path,
             curveDataMap: R.curveDataMap,
             currentCommandIndex: T,
             rear: { currentSegmentIndex: 0, segmentDistance: 0 },
             front: z ? { currentSegmentIndex: z.segmentIndex, segmentDistance: z.segmentDistance } : { currentSegmentIndex: 0, segmentDistance: 0 }
-          }, y.vehicle = { ...y.vehicle, state: "moving" }, d((N) => N.map((V) => V.id === x ? y.vehicle : V)), f !== "running" && a("running"), !0;
+          }, y.vehicle = { ...y.vehicle, state: "moving" }, o && o.emit("stateChange", {
+            vehicleId: I,
+            from: "waiting",
+            to: "moving"
+          }), d((N) => N.map((V) => V.id === I ? y.vehicle : V)), f !== "running" && a("running"), !0;
         }
       }
     }
-    return y.vehicle = { ...y.vehicle, state: "idle" }, y.execution = null, d(($) => $.map((A) => A.id === x ? y.vehicle : A)), !0;
-  }, [n, I, o, m, s, f]);
+    return y.vehicle = { ...y.vehicle, state: "idle" }, y.execution = null, o && o.emit("stateChange", {
+      vehicleId: I,
+      from: "waiting",
+      to: "idle"
+    }), d(($) => $.map((A) => A.id === I ? y.vehicle : A)), !0;
+  }, [n, v, i, g, r, f, o]);
   return {
     movingVehicles: u,
     playbackState: f,
     handleRun: O,
     handlePause: C,
-    handleReset: E,
+    handleReset: q,
     continueVehicle: D
   };
 }
@@ -745,11 +761,11 @@ class $e {
    * @param data - The event data
    */
   emit(t, n) {
-    this.listeners.get(t)?.forEach((r) => {
+    this.listeners.get(t)?.forEach((s) => {
       try {
-        r(n);
-      } catch (s) {
-        console.error(`Error in event listener for "${t}":`, s);
+        s(n);
+      } catch (r) {
+        console.error(`Error in event listener for "${t}":`, r);
       }
     });
   }
@@ -780,25 +796,25 @@ function We() {
   return Z(() => new $e(), []);
 }
 function Be(e, t, n = []) {
-  const r = be();
-  b(() => r.on(e, t), [r, e, ...n]);
+  const s = be();
+  b(() => s.on(e, t), [s, e, ...n]);
 }
 function ie(e) {
-  const t = [], n = [], r = [], s = e.trim().split(`
+  const t = [], n = [], s = [], r = e.trim().split(`
 `);
-  for (const c of s) {
-    const o = c.trim();
-    if (!o || o.startsWith("#")) continue;
-    const i = o.match(/^(\w+)\s*:\s*\((\d+),\s*(\d+)\)\s*->\s*\((\d+),\s*(\d+)\)/);
-    if (i) {
+  for (const c of r) {
+    const i = c.trim();
+    if (!i || i.startsWith("#")) continue;
+    const o = i.match(/^(\w+)\s*:\s*\((\d+),\s*(\d+)\)\s*->\s*\((\d+),\s*(\d+)\)/);
+    if (o) {
       t.push({
-        id: i[1],
-        start: { x: parseInt(i[2]), y: parseInt(i[3]) },
-        end: { x: parseInt(i[4]), y: parseInt(i[5]) }
+        id: o[1],
+        start: { x: parseInt(o[2]), y: parseInt(o[3]) },
+        end: { x: parseInt(o[4]), y: parseInt(o[5]) }
       });
       continue;
     }
-    const f = o.match(/^(\w+)(?:\s+(\d+(?:\.\d+)?)(%?))??\s*->\s*(\w+)(?:\s+(\d+(?:\.\d+)?)(%?))?/);
+    const f = i.match(/^(\w+)(?:\s+(\d+(?:\.\d+)?)(%?))??\s*->\s*(\w+)(?:\s+(\d+(?:\.\d+)?)(%?))?/);
     if (f) {
       const u = {
         fromLineId: f[1],
@@ -807,10 +823,10 @@ function ie(e) {
       f[2] && (u.fromOffset = parseFloat(f[2]), u.fromIsPercentage = f[3] === "%"), f[5] && (u.toOffset = parseFloat(f[5]), u.toIsPercentage = f[6] === "%"), n.push(u);
       continue;
     }
-    const a = o.match(/^(\w+)\s+start\s+(\w+)\s+(\d+(?:\.\d+)?)(%?)/);
+    const a = i.match(/^(\w+)\s+start\s+(\w+)\s+(\d+(?:\.\d+)?)(%?)/);
     if (a) {
       const u = parseFloat(a[3]), d = a[4] === "%";
-      r.push({
+      s.push({
         vehicleId: a[1],
         lineId: a[2],
         offset: u,
@@ -819,28 +835,28 @@ function ie(e) {
       continue;
     }
   }
-  return { lines: t, curves: n, vehicles: r };
+  return { lines: t, curves: n, vehicles: s };
 }
-function Ee(e) {
+function qe(e) {
   const t = [];
   return e.lines.forEach((n) => {
     t.push(`${n.id} : (${Math.round(n.start.x)}, ${Math.round(n.start.y)}) -> (${Math.round(n.end.x)}, ${Math.round(n.end.y)})`);
   }), e.lines.length > 0 && e.curves.length > 0 && t.push(""), e.curves.forEach((n) => {
-    let r = `${n.fromLineId}`;
-    n.fromOffset !== void 0 && (r += ` ${n.fromOffset}${n.fromIsPercentage ? "%" : ""}`), r += " -> ", r += `${n.toLineId}`, n.toOffset !== void 0 && (r += ` ${n.toOffset}${n.toIsPercentage ? "%" : ""}`), t.push(r);
+    let s = `${n.fromLineId}`;
+    n.fromOffset !== void 0 && (s += ` ${n.fromOffset}${n.fromIsPercentage ? "%" : ""}`), s += " -> ", s += `${n.toLineId}`, n.toOffset !== void 0 && (s += ` ${n.toOffset}${n.toIsPercentage ? "%" : ""}`), t.push(s);
   }), (e.lines.length > 0 || e.curves.length > 0) && e.vehicles.length > 0 && t.push(""), e.vehicles.forEach((n) => {
-    const r = n.isPercentage ? `${n.offset}%` : `${n.offset}`;
-    t.push(`${n.vehicleId} start ${n.lineId} ${r}`);
+    const s = n.isPercentage ? `${n.offset}%` : `${n.offset}`;
+    t.push(`${n.vehicleId} start ${n.lineId} ${s}`);
   }), t.join(`
 `);
 }
 function B(e) {
   const t = [], n = e.trim().split(`
 `);
-  for (const r of n) {
-    const s = r.trim();
-    if (!s || s.startsWith("#")) continue;
-    const c = s.match(/^(\w+)\s+start\s+(\w+)\s+(\d+(?:\.\d+)?)(%?)/);
+  for (const s of n) {
+    const r = s.trim();
+    if (!r || r.startsWith("#")) continue;
+    const c = r.match(/^(\w+)\s+start\s+(\w+)\s+(\d+(?:\.\d+)?)(%?)/);
     c && t.push({
       vehicleId: c[1],
       lineId: c[2],
@@ -850,7 +866,7 @@ function B(e) {
   }
   return t;
 }
-function qe(e) {
+function Ee(e) {
   return e.map((t) => {
     const n = t.isPercentage ? `${t.offset}%` : `${t.offset}`;
     return `${t.vehicleId} start ${t.lineId} ${n}`;
@@ -860,14 +876,14 @@ function qe(e) {
 function Y(e) {
   const t = [], n = e.trim().split(`
 `);
-  for (const r of n) {
-    const s = r.trim();
-    if (!s || s.startsWith("#")) continue;
-    const c = s.match(/^(\w+)\s+goto\s+(\w+)\s+(\d+(?:\.\d+)?)(%?)/);
+  for (const s of n) {
+    const r = s.trim();
+    if (!r || r.startsWith("#")) continue;
+    const c = r.match(/^(\w+)\s+goto\s+(\w+)\s+(\d+(?:\.\d+)?)(%?)/);
     if (c) {
-      const o = s.slice(c[0].length), i = o.includes("--wait");
+      const i = r.slice(c[0].length), o = i.includes("--wait");
       let f;
-      const a = o.match(/--payload\s+(\{.*\})/);
+      const a = i.match(/--payload\s+(\{.*\})/);
       if (a)
         try {
           f = JSON.parse(a[1]);
@@ -879,7 +895,7 @@ function Y(e) {
         targetLineId: c[2],
         targetOffset: parseFloat(c[3]),
         isPercentage: c[4] === "%",
-        awaitConfirmation: i,
+        awaitConfirmation: o,
         payload: f
       });
     }
@@ -888,240 +904,240 @@ function Y(e) {
 }
 function Re(e) {
   return e.map((t) => {
-    const n = t.isPercentage ? `${t.targetOffset}%` : `${t.targetOffset}`, r = t.awaitConfirmation ? " --wait" : "", s = t.payload !== void 0 ? ` --payload ${JSON.stringify(t.payload)}` : "";
-    return `${t.vehicleId} goto ${t.targetLineId} ${n}${r}${s}`;
+    const n = t.isPercentage ? `${t.targetOffset}%` : `${t.targetOffset}`, s = t.awaitConfirmation ? " --wait" : "", r = t.payload !== void 0 ? ` --payload ${JSON.stringify(t.payload)}` : "";
+    return `${t.vehicleId} goto ${t.targetLineId} ${n}${s}${r}`;
   }).join(`
 `);
 }
 function ke() {
-  const [e, t] = L([]), [n, r] = L([]), [s, c] = L(""), [o, i] = L(null), [f, a] = L(!1), [u, d] = L(0), m = P(!1), I = P("");
+  const [e, t] = L([]), [n, s] = L([]), [r, c] = L(""), [i, o] = L(null), [f, a] = L(!1), [u, d] = L(0), g = P(!1), v = P("");
   return b(() => {
-    I.current = s;
-  }, [s]), b(() => {
-    if (m.current)
+    v.current = r;
+  }, [r]), b(() => {
+    if (g.current)
       return;
-    const h = ie(I.current), l = Ee({
+    const h = ie(v.current), l = qe({
       lines: e,
       curves: n,
       vehicles: h.vehicles
     });
-    l !== I.current && (m.current = !0, c(l), setTimeout(() => {
-      m.current = !1;
+    l !== v.current && (g.current = !0, c(l), setTimeout(() => {
+      g.current = !1;
     }, 50));
   }, [e, n]), b(() => {
-    if (m.current)
+    if (g.current)
       return;
     const h = setTimeout(() => {
       a(!0), d((p) => p + 1);
     }, 0), l = setTimeout(() => {
       try {
-        const p = ie(s);
+        const p = ie(r);
         a(!1);
         const S = JSON.stringify(p.lines) !== JSON.stringify(e), M = JSON.stringify(p.curves) !== JSON.stringify(n);
-        (S || M) && (m.current = !0, S && t(p.lines), M && r(p.curves), setTimeout(() => {
-          m.current = !1;
-        }, 100)), i(null);
+        (S || M) && (g.current = !0, S && t(p.lines), M && s(p.curves), setTimeout(() => {
+          g.current = !1;
+        }, 100)), o(null);
       } catch (p) {
-        a(!1), i(p instanceof Error ? p.message : "Invalid scene definition");
+        a(!1), o(p instanceof Error ? p.message : "Invalid scene definition");
       }
     }, 2e3);
     return () => {
       clearTimeout(h), clearTimeout(l);
     };
-  }, [s, e, n]), {
+  }, [r, e, n]), {
     lines: e,
     curves: n,
-    sceneDefinitionText: s,
-    sceneError: o,
+    sceneDefinitionText: r,
+    sceneError: i,
     isDebouncing: f,
     debounceKey: u,
     setLines: t,
-    setCurves: r,
+    setCurves: s,
     setSceneDefinitionText: c
   };
 }
 function k(e, t, n = 0) {
-  const r = [], s = [], c = /* @__PURE__ */ new Set();
-  for (const o of e) {
-    if (c.has(o.vehicleId)) {
-      s.push(`Duplicate vehicle ID: ${o.vehicleId}`);
+  const s = [], r = [], c = /* @__PURE__ */ new Set();
+  for (const i of e) {
+    if (c.has(i.vehicleId)) {
+      r.push(`Duplicate vehicle ID: ${i.vehicleId}`);
       continue;
     }
-    c.add(o.vehicleId);
-    const i = t.find((h) => h.id === o.lineId);
-    if (!i) {
-      s.push(`Vehicle ${o.vehicleId}: Line "${o.lineId}" not found`);
+    c.add(i.vehicleId);
+    const o = t.find((h) => h.id === i.lineId);
+    if (!o) {
+      r.push(`Vehicle ${i.vehicleId}: Line "${i.lineId}" not found`);
       continue;
     }
-    const f = j(i.start, i.end), a = Math.max(0, f - n);
+    const f = j(o.start, o.end), a = Math.max(0, f - n);
     let u;
-    if (o.isPercentage) {
-      if (o.offset < 0 || o.offset > 100) {
-        s.push(`Vehicle ${o.vehicleId}: Offset ${o.offset}% must be between 0% and 100%`);
+    if (i.isPercentage) {
+      if (i.offset < 0 || i.offset > 100) {
+        r.push(`Vehicle ${i.vehicleId}: Offset ${i.offset}% must be between 0% and 100%`);
         continue;
       }
-      u = o.offset / 100 * a;
+      u = i.offset / 100 * a;
     } else {
-      if (o.offset < 0 || o.offset > f) {
-        s.push(`Vehicle ${o.vehicleId}: Offset ${o.offset} exceeds line length ${f.toFixed(2)}`);
+      if (i.offset < 0 || i.offset > f) {
+        r.push(`Vehicle ${i.vehicleId}: Offset ${i.offset} exceeds line length ${f.toFixed(2)}`);
         continue;
       }
-      u = Math.min(o.offset, a);
+      u = Math.min(i.offset, a);
     }
-    const d = ee(i, u, !1), m = {
-      lineId: o.lineId,
+    const d = ee(o, u, !1), g = {
+      lineId: i.lineId,
       position: d,
       absoluteOffset: u
-    }, I = De(
-      o.lineId,
+    }, v = we(
+      i.lineId,
       u,
       n,
-      i
+      o
     );
-    r.push({
-      id: o.vehicleId,
-      lineId: o.lineId,
-      offset: o.offset,
-      isPercentage: o.isPercentage,
+    s.push({
+      id: i.vehicleId,
+      lineId: i.lineId,
+      offset: i.offset,
+      isPercentage: i.isPercentage,
       state: "idle",
-      rear: m,
-      front: I
+      rear: g,
+      front: v
     });
   }
-  return { vehicles: r, errors: s };
+  return { vehicles: s, errors: r };
 }
 function Ae(e) {
-  const t = e.map((r) => {
-    const s = r.vehicleId.match(/^v(\d+)$/);
-    return s ? parseInt(s[1]) : 0;
-  }).filter((r) => r > 0);
+  const t = e.map((s) => {
+    const r = s.vehicleId.match(/^v(\d+)$/);
+    return r ? parseInt(r[1]) : 0;
+  }).filter((s) => s > 0);
   return `v${(t.length > 0 ? Math.max(...t) : 0) + 1}`;
 }
 function _(e, t, n) {
-  const r = [], s = [], c = /* @__PURE__ */ new Map(), o = new Set(t.map((a) => a.id)), i = new Set(n.map((a) => a.id)), f = new Map(n.map((a) => {
+  const s = [], r = [], c = /* @__PURE__ */ new Map(), i = new Set(t.map((a) => a.id)), o = new Set(n.map((a) => a.id)), f = new Map(n.map((a) => {
     const u = a.end.x - a.start.x, d = a.end.y - a.start.y;
     return [a.id, Math.sqrt(u * u + d * d)];
   }));
   for (const a of e) {
-    if (!o.has(a.vehicleId)) {
-      r.push(`Vehicle "${a.vehicleId}" does not exist`);
+    if (!i.has(a.vehicleId)) {
+      s.push(`Vehicle "${a.vehicleId}" does not exist`);
       continue;
     }
-    if (!i.has(a.targetLineId)) {
-      r.push(`Line "${a.targetLineId}" does not exist`);
+    if (!o.has(a.targetLineId)) {
+      s.push(`Line "${a.targetLineId}" does not exist`);
       continue;
     }
     const u = f.get(a.targetLineId), d = a.isPercentage ? a.targetOffset / 100 * u : a.targetOffset;
     if (d < 0 || d > u) {
-      r.push(`Offset ${a.targetOffset}${a.isPercentage ? "%" : ""} is out of bounds for ${a.targetLineId}`);
+      s.push(`Offset ${a.targetOffset}${a.isPercentage ? "%" : ""} is out of bounds for ${a.targetLineId}`);
       continue;
     }
-    s.push(a);
-    const m = c.get(a.vehicleId) || [];
-    m.push(a), c.set(a.vehicleId, m);
+    r.push(a);
+    const g = c.get(a.vehicleId) || [];
+    g.push(a), c.set(a.vehicleId, g);
   }
-  return { commands: s, errors: r, vehicleQueues: c };
+  return { commands: r, errors: s, vehicleQueues: c };
 }
 function Fe(e, t) {
   if (t.length === 0) return null;
   if (e.length === 0)
     return t[0].id;
   const n = /* @__PURE__ */ new Map();
-  for (const r of t)
-    n.set(r.id, 0);
-  for (const r of e) {
-    const s = n.get(r.vehicleId) || 0;
-    n.set(r.vehicleId, s + 1);
+  for (const s of t)
+    n.set(s.id, 0);
+  for (const s of e) {
+    const r = n.get(s.vehicleId) || 0;
+    n.set(s.vehicleId, r + 1);
   }
   return t[0].id;
 }
 function Qe({ lines: e, wheelbase: t }) {
-  const [n, r] = L([]), [s, c] = L(""), [o, i] = L(null), [f, a] = L(!1), [u, d] = L(0), m = P(!1), I = P(e), h = P(e), l = P(t), p = P(t);
+  const [n, s] = L([]), [r, c] = L(""), [i, o] = L(null), [f, a] = L(!1), [u, d] = L(0), g = P(!1), v = P(e), h = P(e), l = P(t), p = P(t);
   b(() => {
-    I.current = e;
+    v.current = e;
   }, [e]), b(() => {
     l.current = t;
   }, [t]), b(() => {
-    if (m.current)
+    if (g.current)
       return;
     const M = setTimeout(() => {
-      a(!0), d((v) => v + 1);
-    }, 0), g = setTimeout(() => {
+      a(!0), d((x) => x + 1);
+    }, 0), m = setTimeout(() => {
       try {
-        const v = B(s), { vehicles: O, errors: C } = k(
-          v,
-          I.current,
+        const x = B(r), { vehicles: O, errors: C } = k(
+          x,
+          v.current,
           l.current
         );
-        a(!1), C.length > 0 ? (i(C.join(`
-`)), r(O)) : (i(null), r(O));
-      } catch (v) {
-        a(!1), i(v instanceof Error ? v.message : "Invalid initial movement"), r([]);
+        a(!1), C.length > 0 ? (o(C.join(`
+`)), s(O)) : (o(null), s(O));
+      } catch (x) {
+        a(!1), o(x instanceof Error ? x.message : "Invalid initial movement"), s([]);
       }
     }, 2e3);
     return () => {
-      clearTimeout(M), clearTimeout(g);
+      clearTimeout(M), clearTimeout(m);
     };
-  }, [s]), b(() => {
-    if (!(JSON.stringify(h.current) !== JSON.stringify(e)) || (h.current = e, m.current || !s.trim()))
+  }, [r]), b(() => {
+    if (!(JSON.stringify(h.current) !== JSON.stringify(e)) || (h.current = e, g.current || !r.trim()))
       return;
-    const g = setTimeout(() => {
+    const m = setTimeout(() => {
       try {
-        const v = B(s), { vehicles: O, errors: C } = k(
-          v,
+        const x = B(r), { vehicles: O, errors: C } = k(
+          x,
           e,
           l.current
         );
-        C.length > 0 ? (i(C.join(`
-`)), r(O)) : (i(null), r(O));
-      } catch (v) {
-        i(v instanceof Error ? v.message : "Invalid initial movement"), r([]);
+        C.length > 0 ? (o(C.join(`
+`)), s(O)) : (o(null), s(O));
+      } catch (x) {
+        o(x instanceof Error ? x.message : "Invalid initial movement"), s([]);
       }
     }, 0);
-    return () => clearTimeout(g);
-  }, [e, s]), b(() => {
-    if (p.current === t || (p.current = t, m.current || !s.trim()))
+    return () => clearTimeout(m);
+  }, [e, r]), b(() => {
+    if (p.current === t || (p.current = t, g.current || !r.trim()))
       return;
     const M = setTimeout(() => {
       try {
-        const g = B(s), { vehicles: v, errors: O } = k(
-          g,
-          I.current,
+        const m = B(r), { vehicles: x, errors: O } = k(
+          m,
+          v.current,
           t
         );
-        O.length > 0 ? (i(O.join(`
-`)), r(v)) : (i(null), r(v));
-      } catch (g) {
-        i(g instanceof Error ? g.message : "Invalid initial movement"), r([]);
+        O.length > 0 ? (o(O.join(`
+`)), s(x)) : (o(null), s(x));
+      } catch (m) {
+        o(m instanceof Error ? m.message : "Invalid initial movement"), s([]);
       }
     }, 0);
     return () => clearTimeout(M);
-  }, [t, s]);
+  }, [t, r]);
   const S = G(() => {
-    const M = B(s), g = Ae(M), v = e.length > 0 ? e[0] : null;
-    if (!v) {
-      i("No lines available. Please create at least one line first.");
+    const M = B(r), m = Ae(M), x = e.length > 0 ? e[0] : null;
+    if (!x) {
+      o("No lines available. Please create at least one line first.");
       return;
     }
     const O = {
-      vehicleId: g,
-      lineId: v.id,
+      vehicleId: m,
+      lineId: x.id,
       offset: 0,
       isPercentage: !1
-    }, C = [...M, O], E = qe(C), { vehicles: D, errors: x } = k(
+    }, C = [...M, O], q = Ee(C), { vehicles: D, errors: I } = k(
       C,
       e,
       t
     );
-    m.current = !0, c(E), x.length > 0 ? i(x.join(`
-`)) : i(null), r(D), setTimeout(() => {
-      m.current = !1;
+    g.current = !0, c(q), I.length > 0 ? o(I.join(`
+`)) : o(null), s(D), setTimeout(() => {
+      g.current = !1;
     }, 50);
-  }, [s, e, t]);
+  }, [r, e, t]);
   return {
     vehicles: n,
-    initialMovementText: s,
-    movementError: o,
+    initialMovementText: r,
+    movementError: i,
     isDebouncing: f,
     debounceKey: u,
     setInitialMovementText: c,
@@ -1129,44 +1145,44 @@ function Qe({ lines: e, wheelbase: t }) {
   };
 }
 function He({ lines: e, vehicles: t }) {
-  const [n, r] = L(""), [s, c] = L([]), [o, i] = L(/* @__PURE__ */ new Map()), [f, a] = L(null), [u, d] = L(!1), [m, I] = L(0), h = P(!1), l = P(t), p = P(e);
+  const [n, s] = L(""), [r, c] = L([]), [i, o] = L(/* @__PURE__ */ new Map()), [f, a] = L(null), [u, d] = L(!1), [g, v] = L(0), h = P(!1), l = P(t), p = P(e);
   b(() => {
     l.current = t, p.current = e;
   }, [t, e]), b(() => {
     if (h.current)
       return;
     const M = setTimeout(() => {
-      d(!0), I((v) => v + 1);
-    }, 0), g = setTimeout(() => {
+      d(!0), v((x) => x + 1);
+    }, 0), m = setTimeout(() => {
       try {
-        const v = Y(n), { commands: O, errors: C, vehicleQueues: E } = _(
-          v,
+        const x = Y(n), { commands: O, errors: C, vehicleQueues: q } = _(
+          x,
           l.current,
           p.current
         );
         d(!1), C.length > 0 ? a(C.join(`
-`)) : a(null), c(O), i(E);
-      } catch (v) {
-        d(!1), a(v instanceof Error ? v.message : "Invalid movement sequence"), c([]), i(/* @__PURE__ */ new Map());
+`)) : a(null), c(O), o(q);
+      } catch (x) {
+        d(!1), a(x instanceof Error ? x.message : "Invalid movement sequence"), c([]), o(/* @__PURE__ */ new Map());
       }
     }, 2e3);
     return () => {
-      clearTimeout(M), clearTimeout(g);
+      clearTimeout(M), clearTimeout(m);
     };
   }, [n]), b(() => {
     if (h.current || !n.trim())
       return;
     const M = setTimeout(() => {
       try {
-        const g = Y(n), { commands: v, errors: O, vehicleQueues: C } = _(
-          g,
+        const m = Y(n), { commands: x, errors: O, vehicleQueues: C } = _(
+          m,
           t,
           e
         );
         O.length > 0 ? a(O.join(`
-`)) : a(null), c(v), i(C);
-      } catch (g) {
-        a(g instanceof Error ? g.message : "Invalid movement sequence"), c([]), i(/* @__PURE__ */ new Map());
+`)) : a(null), c(x), o(C);
+      } catch (m) {
+        a(m instanceof Error ? m.message : "Invalid movement sequence"), c([]), o(/* @__PURE__ */ new Map());
       }
     }, 0);
     return () => clearTimeout(M);
@@ -1180,51 +1196,51 @@ function He({ lines: e, vehicles: t }) {
       a("No lines available. Please create at least one line first.");
       return;
     }
-    const M = Y(n), g = Fe(M, t);
-    if (!g) {
+    const M = Y(n), m = Fe(M, t);
+    if (!m) {
       a("No vehicles available.");
       return;
     }
-    const v = e[0], O = {
-      vehicleId: g,
-      targetLineId: v.id,
+    const x = e[0], O = {
+      vehicleId: m,
+      targetLineId: x.id,
       targetOffset: 100,
       isPercentage: !0
-    }, C = [...M, O], E = Re(C), { commands: D, errors: x, vehicleQueues: y } = _(
+    }, C = [...M, O], q = Re(C), { commands: D, errors: I, vehicleQueues: y } = _(
       C,
       t,
       e
     );
-    h.current = !0, r(E), x.length > 0 ? a(x.join(`
-`)) : a(null), c(D), i(y), setTimeout(() => {
+    h.current = !0, s(q), I.length > 0 ? a(I.join(`
+`)) : a(null), c(D), o(y), setTimeout(() => {
       h.current = !1;
     }, 50);
   }, [n, t, e]);
   return {
     movementSequenceText: n,
-    gotoCommands: s,
-    vehicleQueues: o,
+    gotoCommands: r,
+    vehicleQueues: i,
     sequenceError: f,
     isDebouncing: u,
-    debounceKey: m,
-    setMovementSequenceText: r,
+    debounceKey: g,
+    setMovementSequenceText: s,
     handleAddGotoCommand: S
   };
 }
 function ce(e, t, n) {
   if (!t || !n) return { x: 0, y: 0 };
-  const r = t.getBoundingClientRect();
+  const s = t.getBoundingClientRect();
   return {
-    x: e.clientX - r.left,
-    y: e.clientY - r.top
+    x: e.clientX - s.left,
+    y: e.clientY - s.top
   };
 }
 function ae(e, t, n = 10) {
-  for (const r of t) {
-    if (j(e, r.start) < n)
-      return { lineId: r.id, endpoint: "start" };
-    if (j(e, r.end) < n)
-      return { lineId: r.id, endpoint: "end" };
+  for (const s of t) {
+    if (j(e, s.start) < n)
+      return { lineId: s.id, endpoint: "start" };
+    if (j(e, s.end) < n)
+      return { lineId: s.id, endpoint: "end" };
   }
   return null;
 }
@@ -1232,64 +1248,64 @@ function Xe({
   canvasRef: e,
   containerRef: t,
   drawMode: n,
-  lines: r,
-  curves: s,
+  lines: s,
+  curves: r,
   setLines: c,
-  setCurves: o,
-  lineCounterRef: i
+  setCurves: i,
+  lineCounterRef: o
 }) {
-  const [f, a] = L(!1), [u, d] = L(null), [m, I] = L(null), [h, l] = L(null), [p, S] = L(null), [M, g] = L({ x: 0, y: 0 });
+  const [f, a] = L(!1), [u, d] = L(null), [g, v] = L(null), [h, l] = L(null), [p, S] = L(null), [M, m] = L({ x: 0, y: 0 });
   return {
-    handleMouseDown: (E) => {
-      const D = ce(E, e.current, t.current), x = ae(D, r);
+    handleMouseDown: (q) => {
+      const D = ce(q, e.current, t.current), I = ae(D, s);
       if (n === "line")
-        x || (a(!0), d({ start: D, current: D }));
+        I || (a(!0), d({ start: D, current: D }));
       else if (n === "drag")
-        x && l(x);
+        I && l(I);
       else if (n === "curve")
-        if (x)
+        if (I)
           if (!p)
-            S(x);
+            S(I);
           else {
-            if (p.lineId !== x.lineId) {
+            if (p.lineId !== I.lineId) {
               const y = {
                 fromLineId: p.lineId,
-                toLineId: x.lineId
+                toLineId: I.lineId
               };
-              o([...s, y]);
+              i([...r, y]);
             }
             S(null);
           }
         else
           p && S(null);
     },
-    handleMouseMove: (E) => {
-      const D = ce(E, e.current, t.current);
-      if (g(D), f && u)
+    handleMouseMove: (q) => {
+      const D = ce(q, e.current, t.current);
+      if (m(D), f && u)
         d({ ...u, current: D });
       else if (h) {
-        const x = r.map((y) => y.id === h.lineId ? h.endpoint === "start" ? { ...y, start: D } : { ...y, end: D } : y);
-        c(x);
+        const I = s.map((y) => y.id === h.lineId ? h.endpoint === "start" ? { ...y, start: D } : { ...y, end: D } : y);
+        c(I);
       } else {
-        const x = ae(D, r);
-        I(x);
+        const I = ae(D, s);
+        v(I);
       }
     },
     handleMouseUp: () => {
       if (f && u) {
         if (j(u.start, u.current) > 20) {
           const D = {
-            id: `line${String(i.current).padStart(3, "0")}`,
+            id: `line${String(o.current).padStart(3, "0")}`,
             start: u.start,
             end: u.current
           };
-          i.current++, c([...r, D]);
+          o.current++, c([...s, D]);
         }
         d(null), a(!1);
       } else h && l(null);
     },
     tempLine: u,
-    hoveredEndpoint: m,
+    hoveredEndpoint: g,
     curveStart: p,
     mousePos: M
   };
@@ -1302,7 +1318,7 @@ export {
   Le as buildGraph,
   Me as calculateBezierArcLength,
   te as calculateFrontAxlePosition,
-  De as calculateInitialFrontPosition,
+  we as calculateInitialFrontPosition,
   H as calculatePositionOnCurve,
   W as calculatePositionOnLine,
   Je as canReachTarget,
@@ -1313,19 +1329,19 @@ export {
   ye as distanceToT,
   de as findPath,
   Re as generateGotoCommands,
-  Ee as generateSceneDefinition,
-  qe as generateVehicleStarts,
+  qe as generateSceneDefinition,
+  Ee as generateVehicleStarts,
   je as getArcLength,
   Se as getCumulativeArcLength,
   Oe as getLineLength,
   ne as getPointOnBezier,
   ve as getPointOnLine,
   ee as getPointOnLineByOffset,
-  me as getPositionFromOffset,
+  ge as getPositionFromOffset,
   Ke as getReachableCurves,
-  ge as handleArrival,
+  me as handleArrival,
   oe as initializeAllVehicles,
-  we as initializeMovingVehicle,
+  De as initializeMovingVehicle,
   Q as normalize,
   Y as parseGotoCommands,
   ie as parseSceneDefinition,
@@ -1334,7 +1350,7 @@ export {
   fe as resolveFromLineOffset,
   ze as resolveOffset,
   le as resolveToLineOffset,
-  se as updateAxlePosition,
+  re as updateAxlePosition,
   Xe as useCanvasInteraction,
   We as useCreateVehicleEventEmitter,
   Qe as useInitialMovement,