audio-mixer-ui 0.8.0 → 0.9.0

package/dist/audio-mixer-ui.js

@@ -1,12 +1,12 @@
-import { ref as M, watch as g, unref as r, onScopeDispose as tU, readonly as El, mergeModels as Sl, useCssVars as ll, computed as J, useTemplateRef as A, useModel as $, createElementBlock as y, openBlock as p, normalizeClass as C, createElementVNode as h, createCommentVNode as f, Fragment as nl, renderList as Xl, normalizeStyle as gl, renderSlot as tl, toDisplayString as D, onUnmounted as cl, watchEffect as kl, onMounted as bl, createVNode as x, withCtx as P, createTextVNode as Nl, withDirectives as Kl, withKeys as QU, vModelText as Hl, withModifiers as Tl, createBlock as Rl } from "vue";
+import { ref as x, watch as v, unref as T, onScopeDispose as QU, readonly as El, mergeModels as Sl, useCssVars as Ul, computed as J, useTemplateRef as f, useModel as $, createElementBlock as y, openBlock as N, normalizeClass as L, createElementVNode as h, createCommentVNode as _, Fragment as nl, renderList as Xl, normalizeStyle as gl, renderSlot as Ql, toDisplayString as K, onUnmounted as cl, watchEffect as kl, onMounted as bl, createVNode as C, withCtx as w, createTextVNode as Nl, withDirectives as Kl, withKeys as VU, vModelText as Hl, withModifiers as Tl, createBlock as Rl } from "vue";
 import { defineStore as sl } from "pinia";
 var Dl = function() {
   if (typeof Map < "u")
     return Map;
-  function Z(l, U) {
+  function t(l, U) {
     var F = -1;
-    return l.some(function(d, t) {
-      return d[0] === U ? (F = t, !0) : !1;
+    return l.some(function(d, Z) {
+      return d[0] === U ? (F = Z, !0) : !1;
     }), F;
   }
   return (
@@ -25,22 +25,22 @@ var Dl = function() {
         enumerable: !0,
         configurable: !0
       }), l.prototype.get = function(U) {
-        var F = Z(this.__entries__, U), d = this.__entries__[F];
+        var F = t(this.__entries__, U), d = this.__entries__[F];
         return d && d[1];
       }, l.prototype.set = function(U, F) {
-        var d = Z(this.__entries__, U);
+        var d = t(this.__entries__, U);
         ~d ? this.__entries__[d][1] = F : this.__entries__.push([U, F]);
       }, l.prototype.delete = function(U) {
-        var F = this.__entries__, d = Z(F, U);
+        var F = this.__entries__, d = t(F, U);
         ~d && F.splice(d, 1);
       }, l.prototype.has = function(U) {
-        return !!~Z(this.__entries__, U);
+        return !!~t(this.__entries__, U);
       }, l.prototype.clear = function() {
         this.__entries__.splice(0);
       }, l.prototype.forEach = function(U, F) {
         F === void 0 && (F = null);
-        for (var d = 0, t = this.__entries__; d < t.length; d++) {
-          var Q = t[d];
+        for (var d = 0, Z = this.__entries__; d < Z.length; d++) {
+          var Q = Z[d];
           U.call(F, Q[1], Q[0]);
         }
       }, l;
@@ -48,25 +48,25 @@ var Dl = function() {
   );
 }(), Gl = typeof window < "u" && typeof document < "u" && window.document === document, ml = function() {
   return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
-}(), VU = function() {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(ml) : function(Z) {
+}(), aU = function() {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(ml) : function(t) {
     return setTimeout(function() {
-      return Z(Date.now());
+      return t(Date.now());
     }, 1e3 / 60);
   };
-}(), aU = 2;
-function nU(Z, l) {
+}(), nU = 2;
+function RU(t, l) {
   var U = !1, F = !1, d = 0;
-  function t() {
-    U && (U = !1, Z()), F && V();
+  function Z() {
+    U && (U = !1, t()), F && V();
   }
   function Q() {
-    VU(t);
+    aU(Z);
   }
   function V() {
     var a = Date.now();
     if (U) {
-      if (a - d < aU)
+      if (a - d < nU)
         return;
       F = !0;
     } else
@@ -75,108 +75,108 @@ function nU(Z, l) {
   }
   return V;
 }
-var RU = 20, mU = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], eU = typeof MutationObserver < "u", WU = (
+var mU = 20, eU = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], WU = typeof MutationObserver < "u", cU = (
   /** @class */
   function() {
-    function Z() {
-      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = nU(this.refresh.bind(this), RU);
+    function t() {
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = RU(this.refresh.bind(this), mU);
     }
-    return Z.prototype.addObserver = function(l) {
+    return t.prototype.addObserver = function(l) {
       ~this.observers_.indexOf(l) || this.observers_.push(l), this.connected_ || this.connect_();
-    }, Z.prototype.removeObserver = function(l) {
+    }, t.prototype.removeObserver = function(l) {
       var U = this.observers_, F = U.indexOf(l);
       ~F && U.splice(F, 1), !U.length && this.connected_ && this.disconnect_();
-    }, Z.prototype.refresh = function() {
+    }, t.prototype.refresh = function() {
       var l = this.updateObservers_();
       l && this.refresh();
-    }, Z.prototype.updateObservers_ = function() {
+    }, t.prototype.updateObservers_ = function() {
       var l = this.observers_.filter(function(U) {
         return U.gatherActive(), U.hasActive();
       });
       return l.forEach(function(U) {
         return U.broadcastActive();
       }), l.length > 0;
-    }, Z.prototype.connect_ = function() {
-      !Gl || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), eU ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+    }, t.prototype.connect_ = function() {
+      !Gl || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), WU ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
         attributes: !0,
         childList: !0,
         characterData: !0,
         subtree: !0
       })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
-    }, Z.prototype.disconnect_ = function() {
+    }, t.prototype.disconnect_ = function() {
       !Gl || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
-    }, Z.prototype.onTransitionEnd_ = function(l) {
-      var U = l.propertyName, F = U === void 0 ? "" : U, d = mU.some(function(t) {
-        return !!~F.indexOf(t);
+    }, t.prototype.onTransitionEnd_ = function(l) {
+      var U = l.propertyName, F = U === void 0 ? "" : U, d = eU.some(function(Z) {
+        return !!~F.indexOf(Z);
       });
       d && this.refresh();
-    }, Z.getInstance = function() {
-      return this.instance_ || (this.instance_ = new Z()), this.instance_;
-    }, Z.instance_ = null, Z;
+    }, t.getInstance = function() {
+      return this.instance_ || (this.instance_ = new t()), this.instance_;
+    }, t.instance_ = null, t;
   }()
-), jl = function(Z, l) {
+), jl = function(t, l) {
   for (var U = 0, F = Object.keys(l); U < F.length; U++) {
     var d = F[U];
-    Object.defineProperty(Z, d, {
+    Object.defineProperty(t, d, {
       value: l[d],
       enumerable: !1,
       writable: !1,
       configurable: !0
     });
   }
-  return Z;
-}, Zl = function(Z) {
-  var l = Z && Z.ownerDocument && Z.ownerDocument.defaultView;
+  return t;
+}, Zl = function(t) {
+  var l = t && t.ownerDocument && t.ownerDocument.defaultView;
   return l || ml;
 }, ql = hl(0, 0, 0, 0);
-function el(Z) {
-  return parseFloat(Z) || 0;
+function el(t) {
+  return parseFloat(t) || 0;
 }
-function rl(Z) {
+function rl(t) {
   for (var l = [], U = 1; U < arguments.length; U++)
     l[U - 1] = arguments[U];
   return l.reduce(function(F, d) {
-    var t = Z["border-" + d + "-width"];
-    return F + el(t);
+    var Z = t["border-" + d + "-width"];
+    return F + el(Z);
   }, 0);
 }
-function cU(Z) {
+function bU(t) {
   for (var l = ["top", "right", "bottom", "left"], U = {}, F = 0, d = l; F < d.length; F++) {
-    var t = d[F], Q = Z["padding-" + t];
-    U[t] = el(Q);
+    var Z = d[F], Q = t["padding-" + Z];
+    U[Z] = el(Q);
   }
   return U;
 }
-function bU(Z) {
-  var l = Z.getBBox();
+function sU(t) {
+  var l = t.getBBox();
   return hl(0, 0, l.width, l.height);
 }
-function sU(Z) {
-  var l = Z.clientWidth, U = Z.clientHeight;
+function hU(t) {
+  var l = t.clientWidth, U = t.clientHeight;
   if (!l && !U)
     return ql;
-  var F = Zl(Z).getComputedStyle(Z), d = cU(F), t = d.left + d.right, Q = d.top + d.bottom, V = el(F.width), a = el(F.height);
-  if (F.boxSizing === "border-box" && (Math.round(V + t) !== l && (V -= rl(F, "left", "right") + t), Math.round(a + Q) !== U && (a -= rl(F, "top", "bottom") + Q)), !BU(Z)) {
-    var n = Math.round(V + t) - l, R = Math.round(a + Q) - U;
+  var F = Zl(t).getComputedStyle(t), d = bU(F), Z = d.left + d.right, Q = d.top + d.bottom, V = el(F.width), a = el(F.height);
+  if (F.boxSizing === "border-box" && (Math.round(V + Z) !== l && (V -= rl(F, "left", "right") + Z), Math.round(a + Q) !== U && (a -= rl(F, "top", "bottom") + Q)), !iU(t)) {
+    var n = Math.round(V + Z) - l, R = Math.round(a + Q) - U;
     Math.abs(n) !== 1 && (V -= n), Math.abs(R) !== 1 && (a -= R);
   }
   return hl(d.left, d.top, V, a);
 }
-var hU = /* @__PURE__ */ function() {
-  return typeof SVGGraphicsElement < "u" ? function(Z) {
-    return Z instanceof Zl(Z).SVGGraphicsElement;
-  } : function(Z) {
-    return Z instanceof Zl(Z).SVGElement && typeof Z.getBBox == "function";
+var BU = /* @__PURE__ */ function() {
+  return typeof SVGGraphicsElement < "u" ? function(t) {
+    return t instanceof Zl(t).SVGGraphicsElement;
+  } : function(t) {
+    return t instanceof Zl(t).SVGElement && typeof t.getBBox == "function";
   };
 }();
-function BU(Z) {
-  return Z === Zl(Z).document.documentElement;
+function iU(t) {
+  return t === Zl(t).document.documentElement;
 }
-function iU(Z) {
-  return Gl ? hU(Z) ? bU(Z) : sU(Z) : ql;
+function uU(t) {
+  return Gl ? BU(t) ? sU(t) : hU(t) : ql;
 }
-function uU(Z) {
-  var l = Z.x, U = Z.y, F = Z.width, d = Z.height, t = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, Q = Object.create(t.prototype);
+function JU(t) {
+  var l = t.x, U = t.y, F = t.width, d = t.height, Z = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, Q = Object.create(Z.prototype);
   return jl(Q, {
     x: l,
     y: U,
@@ -188,50 +188,50 @@ function uU(Z) {
     left: l
   }), Q;
 }
-function hl(Z, l, U, F) {
-  return { x: Z, y: l, width: U, height: F };
+function hl(t, l, U, F) {
+  return { x: t, y: l, width: U, height: F };
 }
-var JU = (
+var GU = (
   /** @class */
   function() {
-    function Z(l) {
+    function t(l) {
       this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = hl(0, 0, 0, 0), this.target = l;
     }
-    return Z.prototype.isActive = function() {
-      var l = iU(this.target);
+    return t.prototype.isActive = function() {
+      var l = uU(this.target);
       return this.contentRect_ = l, l.width !== this.broadcastWidth || l.height !== this.broadcastHeight;
-    }, Z.prototype.broadcastRect = function() {
+    }, t.prototype.broadcastRect = function() {
       var l = this.contentRect_;
       return this.broadcastWidth = l.width, this.broadcastHeight = l.height, l;
-    }, Z;
+    }, t;
   }()
-), GU = (
+), oU = (
   /** @class */
   /* @__PURE__ */ function() {
-    function Z(l, U) {
-      var F = uU(U);
+    function t(l, U) {
+      var F = JU(U);
       jl(this, { target: l, contentRect: F });
     }
-    return Z;
+    return t;
   }()
-), oU = (
+), SU = (
   /** @class */
   function() {
-    function Z(l, U, F) {
+    function t(l, U, F) {
       if (this.activeObservations_ = [], this.observations_ = new Dl(), typeof l != "function")
         throw new TypeError("The callback provided as parameter 1 is not a function.");
       this.callback_ = l, this.controller_ = U, this.callbackCtx_ = F;
     }
-    return Z.prototype.observe = function(l) {
+    return t.prototype.observe = function(l) {
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
       if (!(typeof Element > "u" || !(Element instanceof Object))) {
         if (!(l instanceof Zl(l).Element))
           throw new TypeError('parameter 1 is not of type "Element".');
         var U = this.observations_;
-        U.has(l) || (U.set(l, new JU(l)), this.controller_.addObserver(this), this.controller_.refresh());
+        U.has(l) || (U.set(l, new GU(l)), this.controller_.addObserver(this), this.controller_.refresh());
       }
-    }, Z.prototype.unobserve = function(l) {
+    }, t.prototype.unobserve = function(l) {
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
       if (!(typeof Element > "u" || !(Element instanceof Object))) {
@@ -240,83 +240,83 @@ var JU = (
         var U = this.observations_;
         U.has(l) && (U.delete(l), U.size || this.controller_.removeObserver(this));
       }
-    }, Z.prototype.disconnect = function() {
+    }, t.prototype.disconnect = function() {
       this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
-    }, Z.prototype.gatherActive = function() {
+    }, t.prototype.gatherActive = function() {
       var l = this;
       this.clearActive(), this.observations_.forEach(function(U) {
         U.isActive() && l.activeObservations_.push(U);
       });
-    }, Z.prototype.broadcastActive = function() {
+    }, t.prototype.broadcastActive = function() {
       if (this.hasActive()) {
         var l = this.callbackCtx_, U = this.activeObservations_.map(function(F) {
-          return new GU(F.target, F.broadcastRect());
+          return new oU(F.target, F.broadcastRect());
         });
         this.callback_.call(l, U, l), this.clearActive();
       }
-    }, Z.prototype.clearActive = function() {
+    }, t.prototype.clearActive = function() {
       this.activeObservations_.splice(0);
-    }, Z.prototype.hasActive = function() {
+    }, t.prototype.hasActive = function() {
       return this.activeObservations_.length > 0;
-    }, Z;
+    }, t;
   }()
 ), Pl = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Dl(), wl = (
   /** @class */
   /* @__PURE__ */ function() {
-    function Z(l) {
-      if (!(this instanceof Z))
+    function t(l) {
+      if (!(this instanceof t))
         throw new TypeError("Cannot call a class as a function.");
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
-      var U = WU.getInstance(), F = new oU(l, U, this);
+      var U = cU.getInstance(), F = new SU(l, U, this);
       Pl.set(this, F);
     }
-    return Z;
+    return t;
   }()
 );
 [
   "observe",
   "unobserve",
   "disconnect"
-].forEach(function(Z) {
-  wl.prototype[Z] = function() {
+].forEach(function(t) {
+  wl.prototype[t] = function() {
     var l;
-    return (l = Pl.get(this))[Z].apply(l, arguments);
+    return (l = Pl.get(this))[t].apply(l, arguments);
   };
 });
-var SU = function() {
+var XU = function() {
   return typeof ml.ResizeObserver < "u" ? ml.ResizeObserver : wl;
 }();
-function Ul(Z) {
-  const l = M(0), U = M(0);
+function Fl(t) {
+  const l = x(0), U = x(0);
   let F = null;
   const d = () => {
     F && (F.disconnect(), F = null);
   };
-  return g(() => r(Z), () => {
+  return v(() => T(t), () => {
     d();
-    const Q = r(Z);
+    const Q = T(t);
     if (!Q) return;
-    F = new SU((a) => {
+    F = new XU((a) => {
       const n = a[0];
       n && (l.value = n.contentRect.width, U.value = n.contentRect.height);
     }), F.observe(Q);
     const V = Q.getBoundingClientRect();
     l.value = V.width, U.value = V.height;
-  }, { immediate: !0 }), tU(d), {
+  }, { immediate: !0 }), QU(d), {
     width: El(l),
     height: El(U)
   };
 }
-const j = (Z, l) => {
-  const U = Z.__vccOpts || Z;
+const H = (t, l) => {
+  const U = t.__vccOpts || t;
   for (const [F, d] of l)
     U[F] = d;
   return U;
-}, XU = {
+}, NU = {
   key: 0,
   class: "level"
-}, NU = {
+}, pU = {
   __name: "AudioSlider",
   props: /* @__PURE__ */ Sl({
     min: { type: Number, default: 0 },
@@ -332,72 +332,72 @@ const j = (Z, l) => {
     valueModifiers: {}
   }),
   emits: ["update:value"],
-  setup(Z) {
-    ll((o) => ({
+  setup(t) {
+    Ul((G) => ({
       "083f3e45": c.value,
       d4833630: e.value,
-      d6eaa016: B.value,
-      12894835: s.value,
-      "3e9a6a44": u.value
+      d6eaa016: u.value,
+      12894835: b.value,
+      "3e9a6a44": B.value
     }));
-    const l = Z, U = A("root"), { width: F, height: d } = Ul(U), t = J(() => Math.min(F.value, d.value)), Q = J(() => Math.max(F.value, d.value)), V = J(() => F.value > d.value), a = J(() => V.value ? "h-slide" : "v-slide"), n = $(Z, "value"), R = J(() => t.value * 0.8), m = J(() => t.value * l.thumbLength * 0.8), e = J(() => (V.value ? m : R).value + "px"), c = J(() => (V.value ? R : m).value + "px"), s = J(() => t.value * 0.1 + "px"), u = J(() => (Q.value - m.value) * (n.value - l.min) / (l.max - l.min) + "px"), B = J(() => V.value ? "90deg" : "0deg"), X = M(!1), T = M(0), I = (o) => {
+    const l = t, U = f("root"), { width: F, height: d } = Fl(U), Z = J(() => Math.min(F.value, d.value)), Q = J(() => Math.max(F.value, d.value)), V = J(() => F.value > d.value), a = J(() => V.value ? "h-slide" : "v-slide"), n = $(t, "value"), R = J(() => Z.value * 0.8), m = J(() => Z.value * l.thumbLength * 0.8), e = J(() => (V.value ? m : R).value + "px"), c = J(() => (V.value ? R : m).value + "px"), b = J(() => Z.value * 0.1 + "px"), B = J(() => (Q.value - m.value) * (n.value - l.min) / (l.max - l.min) + "px"), u = J(() => V.value ? "90deg" : "0deg"), X = x(!1), E = x(0), z = (G) => {
       if (!U.value) return n.value;
-      const z = U.value.getBoundingClientRect(), w = o.touches ? o.touches[0].clientX : o.clientX, i = o.touches ? o.touches[0].clientY : o.clientY;
-      let S;
+      const M = U.value.getBoundingClientRect(), O = G.touches ? G.touches[0].clientX : G.clientX, i = G.touches ? G.touches[0].clientY : G.clientY;
+      let o;
       if (V.value) {
-        const v = w - z.left - R.value / 2, O = z.width - R.value;
-        S = Math.max(0, Math.min(1, v / O));
+        const I = O - M.left - R.value / 2, A = M.width - R.value;
+        o = Math.max(0, Math.min(1, I / A));
       } else {
-        const v = z.bottom - i - R.value / 2, O = z.height - R.value;
-        S = Math.max(0, Math.min(1, v / O));
+        const I = M.bottom - i - R.value / 2, A = M.height - R.value;
+        o = Math.max(0, Math.min(1, I / A));
       }
-      const k = l.min + S * (l.max - l.min);
+      const k = l.min + o * (l.max - l.min);
       return l.step > 0 ? Math.round(k / l.step) * l.step : k;
-    }, K = (o) => {
-      o.preventDefault(), X.value = !0, T.value = n.value, n.value = I(o), U.value && U.value.setPointerCapture && U.value.setPointerCapture(o.pointerId), document.addEventListener("mousemove", H), document.addEventListener("mouseup", E);
-    }, H = (o) => {
-      X.value && (o.preventDefault(), n.value = I(o));
-    }, E = (o) => {
+    }, D = (G) => {
+      G.preventDefault(), X.value = !0, E.value = n.value, n.value = z(G), U.value && U.value.setPointerCapture && U.value.setPointerCapture(G.pointerId), document.addEventListener("mousemove", g), document.addEventListener("mouseup", j);
+    }, g = (G) => {
+      X.value && (G.preventDefault(), n.value = z(G));
+    }, j = (G) => {
       if (X.value) {
-        if (o.preventDefault(), X.value = !1, U.value && U.value.releasePointerCapture)
+        if (G.preventDefault(), X.value = !1, U.value && U.value.releasePointerCapture)
           try {
-            U.value.releasePointerCapture(o.pointerId);
+            U.value.releasePointerCapture(G.pointerId);
           } catch {
           }
-        document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", E);
+        document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", j);
       }
-    }, G = (o) => {
-      o.preventDefault(), o.touches.length === 1 && (X.value = !0, T.value = n.value, n.value = I(o), document.addEventListener("touchmove", L, { passive: !1 }), document.addEventListener("touchend", Y), document.addEventListener("touchcancel", Y));
-    }, L = (o) => {
-      X.value && (o.preventDefault(), o.touches.length === 1 && (n.value = I(o)));
-    }, Y = (o) => {
-      X.value && (o.preventDefault(), X.value = !1, document.removeEventListener("touchmove", L), document.removeEventListener("touchend", Y), document.removeEventListener("touchcancel", Y));
-    }, q = (o) => Math.min(1, Math.max(0, l.level * 10 - o + 1));
-    return (o, z) => (p(), y("div", {
-      class: C(a.value),
+    }, Y = (G) => {
+      G.preventDefault(), G.touches.length === 1 && (X.value = !0, E.value = n.value, n.value = z(G), document.addEventListener("touchmove", p, { passive: !1 }), document.addEventListener("touchend", r), document.addEventListener("touchcancel", r));
+    }, p = (G) => {
+      X.value && (G.preventDefault(), G.touches.length === 1 && (n.value = z(G)));
+    }, r = (G) => {
+      X.value && (G.preventDefault(), X.value = !1, document.removeEventListener("touchmove", p), document.removeEventListener("touchend", r), document.removeEventListener("touchcancel", r));
+    }, q = (G) => Math.min(1, Math.max(0, l.level * 10 - G + 1));
+    return (G, M) => (N(), y("div", {
+      class: L(a.value),
       ref_key: "root",
       ref: U,
-      onMousedown: K,
-      onTouchstart: G,
+      onMousedown: D,
+      onTouchstart: Y,
       style: { userSelect: "none", touchAction: "none" }
     }, [
-      z[0] || (z[0] = h("div", { class: "track" }, null, -1)),
-      Z.showLevel ? (p(), y("div", XU, [
-        (p(), y(nl, null, Xl(10, (w) => h("div", {
-          class: C(["led", "led" + w])
+      M[0] || (M[0] = h("div", { class: "track" }, null, -1)),
+      t.showLevel ? (N(), y("div", NU, [
+        (N(), y(nl, null, Xl(10, (O) => h("div", {
+          class: L(["led", "led" + O])
         }, [
           h("div", {
             class: "on",
-            style: gl({ opacity: q(w) })
+            style: gl({ opacity: q(O) })
           }, null, 4)
         ], 2)), 64))
-      ])) : f("", !0),
+      ])) : _("", !0),
       h("div", {
-        class: C(["thumb", { dragging: X.value, [Z.colour]: !0, [Z.style]: !0 }])
+        class: L(["thumb", { dragging: X.value, [t.colour]: !0, [t.style]: !0 }])
       }, null, 2)
     ], 34));
   }
-}, Wl = /* @__PURE__ */ j(NU, [["__scopeId", "data-v-ab2e7b69"]]), pU = {
+}, Wl = /* @__PURE__ */ H(pU, [["__scopeId", "data-v-ab2e7b69"]]), yU = {
   __name: "TitleText",
   props: {
     align: {
@@ -405,24 +405,24 @@ const j = (Z, l) => {
       default: "left"
     }
   },
-  setup(Z) {
-    ll((V) => ({
+  setup(t) {
+    Ul((V) => ({
       "5fddb56d": Q.value
     }));
-    const l = A("el"), { width: U, height: F } = Ul(l), d = J(() => Math.min(U.value, F.value)), t = J(() => U.value > F.value ? "h-text" : "v-text"), Q = J(() => d.value * 3 / 4 + "px");
-    return (V, a) => (p(), y("div", {
+    const l = f("el"), { width: U, height: F } = Fl(l), d = J(() => Math.min(U.value, F.value)), Z = J(() => U.value > F.value ? "h-text" : "v-text"), Q = J(() => d.value * 3 / 4 + "px");
+    return (V, a) => (N(), y("div", {
       ref_key: "el",
       ref: l,
       class: "outer"
     }, [
       h("div", {
-        class: C({ [t.value]: !0, [Z.align]: !0 })
+        class: L({ [Z.value]: !0, [t.align]: !0 })
       }, [
-        tl(V.$slots, "default", {}, void 0, !0)
+        Ql(V.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 512));
   }
-}, Ol = /* @__PURE__ */ j(pU, [["__scopeId", "data-v-3ce29e77"]]), yU = {
+}, Ol = /* @__PURE__ */ H(yU, [["__scopeId", "data-v-3ce29e77"]]), YU = {
   __name: "TriState",
   props: {
     mute: { default: !1 },
@@ -431,38 +431,38 @@ const j = (Z, l) => {
     soloModifiers: {}
   },
   emits: ["update:mute", "update:solo"],
-  setup(Z) {
-    const l = $(Z, "mute"), U = $(Z, "solo"), F = A("outer"), { width: d, height: t } = Ul(F), Q = J(() => d.value > t.value * 1.9);
+  setup(t) {
+    const l = $(t, "mute"), U = $(t, "solo"), F = f("outer"), { width: d, height: Z } = Fl(F), Q = J(() => d.value > Z.value * 1.9);
     function V() {
       l.value = !l.value, U.value = !1;
     }
     function a() {
       U.value = !U.value, l.value = !1;
     }
-    return (n, R) => (p(), y("div", {
+    return (n, R) => (N(), y("div", {
       class: "outer",
       ref_key: "outer",
       ref: F
     }, [
       h("div", {
-        class: C(["solo", { on: U.value }]),
+        class: L(["solo", { on: U.value }]),
         onClick: a
       }, null, 2),
       h("div", {
         class: "s-label",
         onClick: a
-      }, D(Q.value ? "SOLO" : "S"), 1),
+      }, K(Q.value ? "SOLO" : "S"), 1),
       h("div", {
-        class: C(["mute", { on: l.value }]),
+        class: L(["mute", { on: l.value }]),
         onClick: V
       }, null, 2),
       h("div", {
         class: "m-label",
         onClick: V
-      }, D(Q.value ? "MUTE" : "M"), 1)
+      }, K(Q.value ? "MUTE" : "M"), 1)
     ], 512));
   }
-}, YU = /* @__PURE__ */ j(yU, [["__scopeId", "data-v-143eade0"]]), ol = {
+}, EU = /* @__PURE__ */ H(YU, [["__scopeId", "data-v-5eda54eb"]]), ol = {
   // Enable development UI features (animations, random data, etc.)
   enabled: !1,
   // Specific feature flags
@@ -474,7 +474,7 @@ const j = (Z, l) => {
     // Enable other debug/dev features as needed
     debugMode: !1
   }
-}, KF = () => ol.enabled, Al = (Z) => ol.enabled && ol.features[Z], Fl = sl("audioState", {
+}, KF = () => ol.enabled, Al = (t) => ol.enabled && ol.features[t], dl = sl("audioState", {
   state: () => ({
     // Playback state
     isPlaying: !1,
@@ -502,81 +502,81 @@ const j = (Z, l) => {
   }),
   getters: {
     // Format current time as MM:SS
-    formattedTime: (Z) => {
-      const l = Math.floor(Z.currentTime / 60), U = Math.floor(Z.currentTime % 60);
+    formattedTime: (t) => {
+      const l = Math.floor(t.currentTime / 60), U = Math.floor(t.currentTime % 60);
       return `${l}:${U.toString().padStart(2, "0")}`;
     },
     // Get volume for a specific part
-    getPartVolume: (Z) => (l) => Z.partVolumes[l] ?? 0.75,
+    getPartVolume: (t) => (l) => t.partVolumes[l] ?? 0.75,
     // Check if part is muted
-    isPartMuted: (Z) => (l) => Z.partMuted[l] ?? !1,
+    isPartMuted: (t) => (l) => t.partMuted[l] ?? !1,
     // Check if part is solo
-    isPartSolo: (Z) => (l) => Z.partSolo[l] ?? !1,
+    isPartSolo: (t) => (l) => t.partSolo[l] ?? !1,
     // Check if any part has solo enabled (global solo state)
-    isAnySolo: (Z) => Object.values(Z.partSolo).some((l) => l === !0),
+    isAnySolo: (t) => Object.values(t.partSolo).some((l) => l === !0),
     // Current musical position as string
-    currentPosition: (Z) => {
-      let l = `${Z.currentBar}.${Z.currentBeat}`;
-      return Z.currentRepeat > 0 && (l += ` (R${Z.currentRepeat})`), l;
+    currentPosition: (t) => {
+      let l = `${t.currentBar}.${t.currentBeat}`;
+      return t.currentRepeat > 0 && (l += ` (R${t.currentRepeat})`), l;
     }
   },
   actions: {
     // Playback state updates
-    setPlaybackState(Z) {
-      this.isPlaying = Z;
+    setPlaybackState(t) {
+      this.isPlaying = t;
     },
-    setCurrentTime(Z) {
-      this.currentTime = Z;
+    setCurrentTime(t) {
+      this.currentTime = t;
     },
-    setPlaybackSpeed(Z) {
-      this.playbackSpeed = Z;
+    setPlaybackSpeed(t) {
+      this.playbackSpeed = t;
     },
     // Musical position updates
-    setCurrentBar(Z, l = 1, U = 0) {
-      typeof Z == "number" && (this.currentBar = Z), typeof l == "number" && (this.currentBeat = l), typeof U == "number" && (this.currentRepeat = U);
+    setCurrentBar(t, l = 1, U = 0) {
+      typeof t == "number" && (this.currentBar = t), typeof l == "number" && (this.currentBeat = l), typeof U == "number" && (this.currentRepeat = U);
     },
     // Volume controls
-    setMasterVolume(Z) {
-      this.masterVolume = Math.max(0, Math.min(1, Z));
+    setMasterVolume(t) {
+      this.masterVolume = Math.max(0, Math.min(1, t));
     },
-    setMetronomeVolume(Z) {
-      this.metronomeVolume = Math.max(0, Math.min(1, Z));
+    setMetronomeVolume(t) {
+      this.metronomeVolume = Math.max(0, Math.min(1, t));
     },
-    setPartVolume(Z, l) {
-      this.partVolumes[Z] = Math.max(0, Math.min(1, l));
+    setPartVolume(t, l) {
+      this.partVolumes[t] = Math.max(0, Math.min(1, l));
     },
-    setPartMuted(Z, l) {
-      this.partMuted[Z] = l;
+    setPartMuted(t, l) {
+      this.partMuted[t] = l;
     },
-    setPartSolo(Z, l) {
-      this.partSolo[Z] = l;
+    setPartSolo(t, l) {
+      this.partSolo[t] = l;
     },
     // Transport features
-    setLeadInActive(Z, l = 1) {
-      this.isLeadInActive = Z, this.leadInBars = l;
+    setLeadInActive(t, l = 1) {
+      this.isLeadInActive = t, this.leadInBars = l;
     },
-    setStartingNotesActive(Z) {
-      this.isStartingNotesActive = Z;
+    setStartingNotesActive(t) {
+      this.isStartingNotesActive = t;
     },
     // Feature toggles
-    setMetronomeEnabled(Z) {
-      this.metronomeEnabled = Z;
+    setMetronomeEnabled(t) {
+      this.metronomeEnabled = t;
     },
-    setLeadInEnabled(Z) {
-      this.leadInEnabled = Z;
+    setLeadInEnabled(t) {
+      this.leadInEnabled = t;
     },
     // Initialize part states
-    initializeParts(Z) {
-      this.partVolumes = {}, this.partMuted = {}, this.partSolo = {}, Z.forEach((l) => {
+    initializeParts(t) {
+      this.partVolumes = {}, this.partMuted = {}, this.partSolo = {}, t.forEach((l) => {
         this.partVolumes[l.name] = l.volume || 0.75, this.partMuted[l.name] = !1, this.partSolo[l.name] = !1;
       });
     },
     // Initialization state (for blur overlay)
-    setLoaded(Z) {
-      this.isLoaded = Z;
+    setLoaded(t) {
+      this.isLoaded = t;
     }
   }
-}), Ql = sl("musicData", {
+}), ll = sl("musicData", {
   state: () => ({
     // Musical structure
     beats: [],
@@ -592,30 +592,30 @@ const j = (Z, l) => {
   }),
   getters: {
     // Get practice mark letters as array
-    practiceMarkLetters: (Z) => Object.keys(Z.practiceMarks).sort(),
+    practiceMarkLetters: (t) => Object.keys(t.practiceMarks).sort(),
     // Get bar number for practice mark
-    getBarForMark: (Z) => (l) => Z.practiceMarks[l],
+    getBarForMark: (t) => (l) => t.practiceMarks[l],
     // Get all unique bar numbers
-    allBars: (Z) => {
+    allBars: (t) => {
       const l = /* @__PURE__ */ new Set();
-      return Z.beats.forEach((U) => {
+      return t.beats.forEach((U) => {
         U.beat === 1 && l.add(U.bar);
       }), Array.from(l).sort((U, F) => U - F);
     },
     // Check if a bar has repeats
-    hasRepeats: (Z) => (l) => Z.beats.some((U) => U.bar === l && U.repeat > 0),
+    hasRepeats: (t) => (l) => t.beats.some((U) => U.bar === l && U.repeat > 0),
     // Get the number of repeats for a specific bar
-    getRepeatCountForBar: (Z) => (l) => {
+    getRepeatCountForBar: (t) => (l) => {
       const U = /* @__PURE__ */ new Set();
-      return Z.beats.forEach((F) => {
+      return t.beats.forEach((F) => {
         F.bar === l && U.add(F.repeat);
       }), U.size;
     }
   },
   actions: {
     // Load musical data
-    loadMusicData(Z) {
-      this.title = Z.title || "Untitled", this.beats = Z.beats || [], this.practiceMarks = Z.practiceMarks || Z.marks || {}, this.parts = (Z.parts || []).map((l) => ({
+    loadMusicData(t) {
+      this.title = t.title || "Untitled", this.beats = t.beats || [], this.practiceMarks = t.practiceMarks || t.marks || {}, this.parts = (t.parts || []).map((l) => ({
         ...l,
         solo: l.solo || !1,
         mute: l.mute || !1
@@ -623,38 +623,38 @@ const j = (Z, l) => {
     },
     // Calculate total duration from beats
     calculateDuration() {
-      this.beats.length > 0 && (this.totalDuration = Math.max(...this.beats.map((Z) => Z.time)));
+      this.beats.length > 0 && (this.totalDuration = Math.max(...this.beats.map((t) => t.time)));
     },
     // Find the highest bar number
     calculateMaxBar() {
-      this.beats.length > 0 && (this.maxBar = Math.max(...this.beats.map((Z) => Z.bar)));
+      this.beats.length > 0 && (this.maxBar = Math.max(...this.beats.map((t) => t.bar)));
     },
     // Extract time signature from first beat
     extractTimeSignature() {
       this.beats.length > 0 && this.beats[0].timeSig && (this.timeSignature = this.beats[0].timeSig), this.beats.length > 0 && this.beats[0].tempo && (this.baseTempo = this.beats[0].tempo);
     },
     // Update practice marks
-    setPracticeMark(Z, l) {
-      this.practiceMarks[Z] = l;
+    setPracticeMark(t, l) {
+      this.practiceMarks[t] = l;
     },
-    removePracticeMark(Z) {
-      delete this.practiceMarks[Z];
+    removePracticeMark(t) {
+      delete this.practiceMarks[t];
     },
     // Update beats data (for when MIDI parser provides new beat information)
-    updateBeats(Z) {
-      console.log("Updating beats in music data store"), this.beats = Z, this.calculateDuration(), this.calculateMaxBar(), this.extractTimeSignature();
+    updateBeats(t) {
+      console.log("Updating beats in music data store"), this.beats = t, this.calculateDuration(), this.calculateMaxBar(), this.extractTimeSignature();
     },
     // Update total duration (for when audio engine provides actual duration)
-    setTotalDuration(Z) {
-      console.log("Setting total duration in music data store to:", Z), this.totalDuration = Z;
+    setTotalDuration(t) {
+      console.log("Setting total duration in music data store to:", t), this.totalDuration = t;
     },
     // Validate bar number
-    isValidBar(Z, l = 0) {
-      return this.beats.some((U) => U.bar === Z && U.repeat === l);
+    isValidBar(t, l = 0) {
+      return this.beats.some((U) => U.bar === t && U.repeat === l);
     },
     // Update parts (for when audio engine discovers parts from MIDI)
-    setParts(Z) {
-      this.parts = Z.map((l) => ({
+    setParts(t) {
+      this.parts = t.map((l) => ({
         name: l.name,
         volume: l.volume || 0.75,
         solo: l.solo || !1,
@@ -662,7 +662,7 @@ const j = (Z, l) => {
       }));
     }
   }
-}), EU = sl("playbackState", {
+}), fl = sl("playbackState", {
   state: () => ({
     // Transport state
     transportState: "stopped",
@@ -687,24 +687,36 @@ const j = (Z, l) => {
     showNavigationControls: !0,
     // Last positions for convenience
     lastBarPosition: 1,
-    lastPracticeMarkUsed: null
+    lastPracticeMarkUsed: null,
+    // Navigation history
+    lastPlayStartBar: null,
+    lastPlayStartRepeat: null,
+    lastPlayStartTime: null,
+    lastNavigationAction: null,
+    // 'pause' | 'play' | 'manual' | null
+    // Fixed navigation points (computed once on load)
+    fixedNavigationPoints: [],
+    // Combined navigation points (recomputed when play start changes)
+    navigationPoints: []
   }),
   getters: {
     // Check if currently playing
-    isPlaying: (Z) => Z.transportState === "playing",
+    isPlaying: (t) => t.transportState === "playing",
     // Check if paused
-    isPaused: (Z) => Z.transportState === "paused",
+    isPaused: (t) => t.transportState === "paused",
     // Check if stopped
-    isStopped: (Z) => Z.transportState === "stopped",
+    isStopped: (t) => t.transportState === "stopped",
     // Check if loop is configured
-    isLoopConfigured: (Z) => Z.loopEnabled && Z.loopStart && Z.loopEnd && Z.loopEnd > Z.loopStart,
+    isLoopConfigured: (t) => t.loopEnabled && t.loopStart && t.loopEnd && t.loopEnd > t.loopStart,
     // Get loop range as string
-    loopRange: (Z) => !Z.loopEnabled || !Z.loopStart || !Z.loopEnd ? null : `${Z.loopStart}-${Z.loopEnd}`
+    loopRange: (t) => !t.loopEnabled || !t.loopStart || !t.loopEnd ? null : `${t.loopStart}-${t.loopEnd}`,
+    // Get navigation points list
+    getNavigationPoints: (t) => t.navigationPoints
   },
   actions: {
     // Transport controls
-    setTransportState(Z) {
-      ["stopped", "playing", "paused"].includes(Z) && (this.transportState = Z);
+    setTransportState(t) {
+      ["stopped", "playing", "paused"].includes(t) && (this.transportState = t);
     },
     play() {
       this.setTransportState("playing");
@@ -716,55 +728,98 @@ const j = (Z, l) => {
       this.setTransportState("stopped");
     },
     // Navigation settings
-    setAutoPlay(Z) {
-      this.autoPlay = Z;
+    setAutoPlay(t) {
+      this.autoPlay = t;
     },
-    setLoop(Z, l = null, U = null) {
-      this.loopEnabled = Z, l !== null && (this.loopStart = l), U !== null && (this.loopEnd = U);
+    setLoop(t, l = null, U = null) {
+      this.loopEnabled = t, l !== null && (this.loopStart = l), U !== null && (this.loopEnd = U);
     },
-    setLoopStart(Z) {
-      this.loopStart = Z, this.loopEnd && this.loopEnd <= Z && (this.loopEnd = Z + 4);
+    setLoopStart(t) {
+      this.loopStart = t, this.loopEnd && this.loopEnd <= t && (this.loopEnd = t + 4);
     },
-    setLoopEnd(Z) {
-      this.loopEnd = Z, this.loopStart && this.loopStart >= Z && (this.loopStart = Math.max(1, Z - 4));
+    setLoopEnd(t) {
+      this.loopEnd = t, this.loopStart && this.loopStart >= t && (this.loopStart = Math.max(1, t - 4));
     },
     // Lead-in settings
-    setLeadInEnabled(Z) {
-      this.leadInEnabled = Z;
+    setLeadInEnabled(t) {
+      this.leadInEnabled = t;
     },
-    setLeadInBars(Z) {
-      this.leadInBars = Math.max(1, Math.min(4, Z));
+    setLeadInBars(t) {
+      this.leadInBars = Math.max(1, Math.min(4, t));
     },
     // Starting notes settings
-    setStartingNotesEnabled(Z) {
-      this.startingNotesEnabled = Z;
+    setStartingNotesEnabled(t) {
+      this.startingNotesEnabled = t;
     },
-    setStartingNotesSequential(Z) {
-      this.startingNotesSequential = Z;
+    setStartingNotesSequential(t) {
+      this.startingNotesSequential = t;
     },
     // Metronome settings
-    setMetronomeEnabled(Z) {
-      this.metronomeEnabled = Z;
+    setMetronomeEnabled(t) {
+      this.metronomeEnabled = t;
     },
-    setMetronomeVolume(Z) {
-      this.metronomeVolume = Math.max(0, Math.min(1, Z));
+    setMetronomeVolume(t) {
+      this.metronomeVolume = Math.max(0, Math.min(1, t));
     },
     // UI visibility controls
-    setTransportControlsVisible(Z) {
-      this.showTransportControls = Z;
+    setTransportControlsVisible(t) {
+      this.showTransportControls = t;
     },
-    setPartControlsVisible(Z) {
-      this.showPartControls = Z;
+    setPartControlsVisible(t) {
+      this.showPartControls = t;
     },
-    setNavigationControlsVisible(Z) {
-      this.showNavigationControls = Z;
+    setNavigationControlsVisible(t) {
+      this.showNavigationControls = t;
     },
     // Position tracking
-    updateLastBarPosition(Z) {
-      this.lastBarPosition = Z;
+    updateLastBarPosition(t) {
+      this.lastBarPosition = t;
+    },
+    updateLastPracticeMarkUsed(t) {
+      this.lastPracticeMarkUsed = t;
+    },
+    // Navigation points management
+    buildFixedNavigationPoints() {
+      const t = [], l = ll();
+      t.push({ time: 0, bar: 1, repeat: 1, label: "Start" });
+      const U = l.beats.filter((F) => F.beat === 1);
+      for (const [F, d] of Object.entries(l.practiceMarks))
+        U.filter((Z) => Z.bar === d).forEach((Z) => {
+          t.push({
+            time: Z.time,
+            bar: Z.bar,
+            repeat: Z.repeat,
+            label: `Mark ${F}`
+          });
+        });
+      if (l.beats.length > 0) {
+        const F = Math.max(...l.beats.map((d) => d.time));
+        t.push({ time: F, label: "End" });
+      }
+      this.fixedNavigationPoints = t.sort((F, d) => F.time - d.time), this.navigationPoints = [...this.fixedNavigationPoints];
     },
-    updateLastPracticeMarkUsed(Z) {
-      this.lastPracticeMarkUsed = Z;
+    rebuildNavigationPoints() {
+      setTimeout(() => {
+        const t = ll(), l = [...this.fixedNavigationPoints];
+        this.lastPlayStartBar !== null && t.beats.filter((d) => d.beat === 1 && d.bar === this.lastPlayStartBar).forEach((d) => {
+          l.push({
+            time: d.time,
+            bar: d.bar,
+            repeat: d.repeat,
+            label: "Last Play Start"
+          });
+        });
+        const U = l.sort((F, d) => F.time - d.time);
+        this.navigationPoints = U.filter(
+          (F, d, Z) => d === 0 || F.time !== Z[d - 1].time
+        );
+      }, 50);
+    },
+    setLastPlayStart(t, l, U) {
+      this.lastPlayStartBar = t, this.lastPlayStartRepeat = l, this.lastPlayStartTime = U, this.rebuildNavigationPoints();
+    },
+    setNavigationAction(t) {
+      this.lastNavigationAction = t;
     },
     // Reset to defaults
     resetToDefaults() {
@@ -772,34 +827,34 @@ const j = (Z, l) => {
     }
   }
 });
-function fl(Z) {
-  return { all: Z = Z || /* @__PURE__ */ new Map(), on: function(l, U) {
-    var F = Z.get(l);
-    F ? F.push(U) : Z.set(l, [U]);
+function _l(t) {
+  return { all: t = t || /* @__PURE__ */ new Map(), on: function(l, U) {
+    var F = t.get(l);
+    F ? F.push(U) : t.set(l, [U]);
   }, off: function(l, U) {
-    var F = Z.get(l);
-    F && (U ? F.splice(F.indexOf(U) >>> 0, 1) : Z.set(l, []));
+    var F = t.get(l);
+    F && (U ? F.splice(F.indexOf(U) >>> 0, 1) : t.set(l, []));
   }, emit: function(l, U) {
-    var F = Z.get(l);
+    var F = t.get(l);
     F && F.slice().map(function(d) {
       d(U);
-    }), (F = Z.get("*")) && F.slice().map(function(d) {
+    }), (F = t.get("*")) && F.slice().map(function(d) {
       d(l, U);
     });
   } };
 }
-function pl(Z) {
-  return { all: Z = Z || /* @__PURE__ */ new Map(), on: function(l, U) {
-    var F = Z.get(l);
-    F ? F.push(U) : Z.set(l, [U]);
+function pl(t) {
+  return { all: t = t || /* @__PURE__ */ new Map(), on: function(l, U) {
+    var F = t.get(l);
+    F ? F.push(U) : t.set(l, [U]);
   }, off: function(l, U) {
-    var F = Z.get(l);
-    F && (U ? F.splice(F.indexOf(U) >>> 0, 1) : Z.set(l, []));
+    var F = t.get(l);
+    F && (U ? F.splice(F.indexOf(U) >>> 0, 1) : t.set(l, []));
   }, emit: function(l, U) {
-    var F = Z.get(l);
+    var F = t.get(l);
     F && F.slice().map(function(d) {
       d(U);
-    }), (F = Z.get("*")) && F.slice().map(function(d) {
+    }), (F = t.get("*")) && F.slice().map(function(d) {
       d(l, U);
     });
   } };
@@ -891,14 +946,14 @@ class Bl {
         console.warn("Metronome buffer not available");
         return;
       }
-      const t = this.audioContext.createBufferSource();
-      t.buffer = d;
+      const Z = this.audioContext.createBufferSource();
+      Z.buffer = d;
       const Q = this.audioContext.createGain();
-      Q.gain.value = F, t.connect(Q);
+      Q.gain.value = F, Z.connect(Q);
       const V = this.getMetronomeOutput();
       V ? Q.connect(V) : Q.connect(this.audioContext.destination);
       const a = Math.max(l, this.audioContext.currentTime);
-      t.start(a);
+      Z.start(a);
     } catch (d) {
       console.warn("Buffer metronome playback failed:", d);
     }
@@ -933,11 +988,11 @@ class Bl {
           ]), [F, d] = await Promise.all([
             l.arrayBuffer(),
             U.arrayBuffer()
-          ]), [t, Q] = await Promise.all([
+          ]), [Z, Q] = await Promise.all([
             this.audioContext.decodeAudioData(F),
             this.audioContext.decodeAudioData(d)
           ]);
-          this.regularTickBuffer = t, this.accentTickBuffer = Q;
+          this.regularTickBuffer = Z, this.accentTickBuffer = Q;
           return;
         }
       } catch (l) {
@@ -1030,15 +1085,15 @@ class il {
    */
   playNote(l, U, F, d) {
     this._validateActive();
-    const t = this.engine.audioContext.currentTime, Q = `${this.partId}_${l}_${U}_${Date.now()}`;
+    const Z = this.engine.audioContext.currentTime, Q = `${this.partId}_${l}_${U}_${Date.now()}`;
     let V = l, a = d;
-    if (l < t) {
-      const c = t - l;
-      V = t, a = Math.max(0, d - c);
+    if (l < Z) {
+      const c = Z - l;
+      V = Z, a = Math.max(0, d - c);
     }
     if (a <= 0)
       return Q;
-    const n = Math.max(0, (V - t) * 1e3), R = setTimeout(() => {
+    const n = Math.max(0, (V - Z) * 1e3), R = setTimeout(() => {
       this.noteOn(U, F), this.scheduledEvents.delete(`${Q}_on`);
     }, n), m = n + a * 1e3, e = setTimeout(() => {
       this.noteOff(U), this.scheduledEvents.delete(`${Q}_off`);
@@ -1056,9 +1111,9 @@ class il {
    */
   playPreviewNote(l, U = {}) {
     this._validateActive();
-    const F = U.startTime ?? this.engine.audioContext.currentTime + 0.01, d = U.duration ?? 0.5, t = U.velocity ?? 100;
+    const F = U.startTime ?? this.engine.audioContext.currentTime + 0.01, d = U.duration ?? 0.5, Z = U.velocity ?? 100;
     let Q = null;
-    U.instrument !== void 0 && (Q = this.getInstrument(), this.setInstrument(U.instrument)), this.playNote(F, l, t, d), Q !== null && setTimeout(() => {
+    U.instrument !== void 0 && (Q = this.getInstrument(), this.setInstrument(U.instrument)), this.playNote(F, l, Z, d), Q !== null && setTimeout(() => {
       this.isDestroyed || this.setInstrument(Q);
     }, (d + 0.1) * 1e3);
   }
@@ -1154,7 +1209,7 @@ class il {
       throw new Error("AudioEngine is not initialized");
   }
 }
-const _l = {
+const $l = {
   // Piano family (0-7)
   piano: 0,
   bright_piano: 1,
@@ -1304,8 +1359,8 @@ const _l = {
   helicopter: 125,
   applause: 126,
   gunshot: 127
-}, rU = Object.entries(_l).reduce((Z, [l, U]) => (Z[U] = l, Z), {});
-class $l {
+}, rU = Object.entries($l).reduce((t, [l, U]) => (t[U] = l, t), {});
+class lU {
   /**
    * Map common instrument names to MIDI program numbers
    * @param {string|number} instrument - Instrument name or program number
@@ -1313,7 +1368,7 @@ class $l {
    */
   static getInstrumentProgram(l) {
     if (typeof l == "number") return l;
-    const U = _l[l.toLowerCase()];
+    const U = $l[l.toLowerCase()];
     return U !== void 0 ? U : 0;
   }
   /**
@@ -1366,7 +1421,7 @@ class LU extends il {
   }
   async setInstrument(l) {
     this._validateActive();
-    const U = $l.getInstrumentProgram(l);
+    const U = lU.getInstrumentProgram(l);
     this.currentInstrument = l;
     const F = this.engine._getSynthesizer();
     F && F.programChange ? F.programChange(this.midiChannel, U) : console.warn("Cannot set instrument: synthesizer not available or no programChange method");
@@ -1406,7 +1461,7 @@ class LU extends il {
    */
   playNote(l, U, F, d) {
     this._validateActive();
-    const t = `${this.partId}_${l}_${U}_${Date.now()}`, Q = this.engine._getSynthesizer();
+    const Z = `${this.partId}_${l}_${U}_${Date.now()}`, Q = this.engine._getSynthesizer();
     if (Q && Q.post) {
       const V = Math.round(F * this.currentVolume);
       Q.post({
@@ -1436,7 +1491,7 @@ class LU extends il {
       });
     } else
       return super.playNote(l, U, F, d);
-    return t;
+    return Z;
   }
   /**
    * Override allNotesOff to use SpessaSynth messaging system
@@ -1607,11 +1662,11 @@ class xU extends Bl {
     const F = U.headers.get("content-length"), d = F ? parseInt(F, 10) : null;
     if (!d || !U.body)
       return await U.arrayBuffer();
-    const t = U.body.getReader();
+    const Z = U.body.getReader();
     let Q = 0;
     const V = [];
     for (; ; ) {
-      const { done: R, value: m } = await t.read();
+      const { done: R, value: m } = await Z.read();
       if (R) break;
       V.push(m), Q += m.length;
       const e = Q / d, c = Math.round(e * 100);
@@ -1669,11 +1724,11 @@ class xU extends Bl {
    */
   async playMetronomeTick(l, U, F) {
     try {
-      const d = this.getMetronomeChannel(), t = this._getSynthesizer();
-      if (!d || !t)
+      const d = this.getMetronomeChannel(), Z = this._getSynthesizer();
+      if (!d || !Z)
         return super.playMetronomeTick(l, U, F);
       const Q = 15, V = U ? 86 : 60, a = Math.round(Math.min(127, Math.max(0, F * (U ? 127 : 100)))), n = this.audioContext.currentTime, R = Math.max(l, n), m = R - n;
-      t.post ? (t.post({
+      Z.post ? (Z.post({
         channelNumber: Q,
         type: "midiMessage",
         data: {
@@ -1685,7 +1740,7 @@ class xU extends Bl {
             // Sample-accurate metronome timing!
           }
         }
-      }), t.post({
+      }), Z.post({
         channelNumber: Q,
         type: "midiMessage",
         data: {
@@ -1697,11 +1752,11 @@ class xU extends Bl {
             // Precise tick duration!
           }
         }
-      })) : m <= 0.01 ? (t.noteOn && t.noteOn(Q, V, a), setTimeout(() => {
-        t.noteOff && t.noteOff(Q, V);
+      })) : m <= 0.01 ? (Z.noteOn && Z.noteOn(Q, V, a), setTimeout(() => {
+        Z.noteOff && Z.noteOff(Q, V);
       }, 100)) : setTimeout(() => {
-        t.noteOn && t.noteOn(Q, V, a), setTimeout(() => {
-          t.noteOff && t.noteOff(Q, V);
+        Z.noteOn && Z.noteOn(Q, V, a), setTimeout(() => {
+          Z.noteOff && Z.noteOff(Q, V);
         }, 100);
       }, m * 1e3);
     } catch (d) {
@@ -1759,13 +1814,13 @@ class MU extends il {
       console.warn(`No samples available for instrument ${this.currentInstrument}`);
       return;
     }
-    const d = this.engine._midiNoteToName(l), t = F.get(d);
-    if (!t) {
+    const d = this.engine._midiNoteToName(l), Z = F.get(d);
+    if (!Z) {
       console.warn(`No sample found for note ${d} (pitch ${l})`);
       return;
     }
     const Q = this.engine.audioContext.createBufferSource();
-    Q.buffer = t, Q.loop = t._shouldLoop || !1, Q.loop && (Q.loopStart = 0.4, Q.loopEnd = t.duration);
+    Q.buffer = Z, Q.loop = Z._shouldLoop || !1, Q.loop && (Q.loopStart = 0.4, Q.loopEnd = Z.duration);
     const V = this.engine.audioContext.createGain(), a = U / 127;
     V.gain.value = a * this.currentVolume, Q.connect(V), V.connect(this.outputGain), this.activeSources.has(l) || this.activeSources.set(l, /* @__PURE__ */ new Set()), this.activeSources.get(l).add(Q), Q.onended = () => {
       V.disconnect();
@@ -1785,8 +1840,8 @@ class MU extends il {
         if (F.loop)
           F.stop();
         else {
-          const d = this.engine.audioContext.currentTime, t = F._velocityGain;
-          t && t.gain.linearRampToValueAtTime(0, d + 0.05), F.stop(d + 0.05);
+          const d = this.engine.audioContext.currentTime, Z = F._velocityGain;
+          Z && Z.gain.linearRampToValueAtTime(0, d + 0.05), F.stop(d + 0.05);
         }
       } catch {
       }
@@ -1803,12 +1858,12 @@ class MU extends il {
     const d = await this.engine._getTinySynth();
     if (this.tinySynthChannel === null) {
       this.tinySynthChannel = this._allocateTinySynthChannel(), d.setProgram(this.tinySynthChannel, this.currentInstrument);
-      const t = Math.round(this.currentVolume * 127);
-      d.setChVol(this.tinySynthChannel, t);
+      const Z = Math.round(this.currentVolume * 127);
+      d.setChVol(this.tinySynthChannel, Z);
     }
     if (F) {
-      const t = Math.round(U * this.currentVolume);
-      d.noteOn(this.tinySynthChannel, l, t);
+      const Z = Math.round(U * this.currentVolume);
+      d.noteOn(this.tinySynthChannel, l, Z);
     } else
       d.noteOff(this.tinySynthChannel, l);
   }
@@ -1829,7 +1884,7 @@ class MU extends il {
   }
   async setInstrument(l) {
     this._validateActive();
-    const U = $l.getInstrumentProgram(l);
+    const U = lU.getInstrumentProgram(l);
     this.currentInstrument = U;
     const F = this.engine._getSamplesForInstrument(U), d = this.synthMode;
     this.synthMode = F ? "sample" : "synth", d !== this.synthMode && this.allNotesOff(), this.synthMode === "synth" && this.tinySynthChannel !== null && (await this.engine._getTinySynth()).setProgram(this.tinySynthChannel, U), console.log(`Channel ${this.partId}: Instrument ${l} (${U}) -> ${this.synthMode} mode`);
@@ -1894,14 +1949,14 @@ class KU extends Bl {
       const d = await F.json();
       if (!d || typeof d != "object")
         throw new Error("Invalid sample data format");
-      const t = /* @__PURE__ */ new Map(), Q = Object.keys(d);
+      const Z = /* @__PURE__ */ new Map(), Q = Object.keys(d);
       for (let V = 0; V < Q.length; V++) {
         const a = Q[V], n = d[a], R = await this._decodeBase64Audio(n, U);
-        t.set(a, R);
+        Z.set(a, R);
         const m = (V + 1) / Q.length;
         this._emitProgress("loading-samples", `Loaded ${V + 1}/${Q.length} samples`, m);
       }
-      return t;
+      return Z;
     } catch (F) {
       throw console.error("Failed to load sample file:", F), F;
     }
@@ -1914,10 +1969,10 @@ class KU extends Bl {
    * @private
    */
   async _decodeBase64Audio(l, U) {
-    const F = l.split(",")[1], d = atob(F), t = new Uint8Array(d.length);
+    const F = l.split(",")[1], d = atob(F), Z = new Uint8Array(d.length);
     for (let V = 0; V < d.length; V++)
-      t[V] = d.charCodeAt(V);
-    const Q = await this.audioContext.decodeAudioData(t.buffer);
+      Z[V] = d.charCodeAt(V);
+    const Q = await this.audioContext.decodeAudioData(Z.buffer);
     return Q._shouldLoop = U, Q;
   }
   /**
@@ -1927,12 +1982,12 @@ class KU extends Bl {
   async _loadEmbeddedMetronomeSounds() {
     try {
       const l = atob(vU), U = new Uint8Array(l.length);
-      for (let t = 0; t < l.length; t++)
-        U[t] = l.charCodeAt(t);
+      for (let Z = 0; Z < l.length; Z++)
+        U[Z] = l.charCodeAt(Z);
       this.regularTickBuffer = await this.audioContext.decodeAudioData(U.buffer);
       const F = atob(gU), d = new Uint8Array(F.length);
-      for (let t = 0; t < F.length; t++)
-        d[t] = F.charCodeAt(t);
+      for (let Z = 0; Z < F.length; Z++)
+        d[Z] = F.charCodeAt(Z);
       this.accentTickBuffer = await this.audioContext.decodeAudioData(d.buffer);
     } catch (l) {
       console.warn("Failed to load embedded metronome sounds:", l), this.regularTickBuffer = this.audioContext.createBuffer(2, 1024, this.audioContext.sampleRate), this.accentTickBuffer = this.audioContext.createBuffer(2, 1024, this.audioContext.sampleRate);
@@ -2097,8 +2152,8 @@ class HU {
     for (const F of l) {
       if (!F.name || !F.url)
         continue;
-      const d = F.name.toLowerCase(), t = this._parseUrlParams(F.url), Q = {};
-      t.track !== void 0 && (Q.channel = parseInt(t.track, 10)), t.prog !== void 0 && (Q.instrument = parseInt(t.prog, 10)), Q.channel !== void 0 && (U[d] = Q);
+      const d = F.name.toLowerCase(), Z = this._parseUrlParams(F.url), Q = {};
+      Z.track !== void 0 && (Q.channel = parseInt(Z.track, 10)), Z.prog !== void 0 && (Q.instrument = parseInt(Z.prog, 10)), Q.channel !== void 0 && (U[d] = Q);
     }
     return U;
   }
@@ -2113,8 +2168,8 @@ class HU {
     if (F === -1)
       return U;
     const d = l.substring(F + 1).split("&");
-    for (const t of d) {
-      const [Q, V] = t.split("=");
+    for (const Z of d) {
+      const [Q, V] = Z.split("=");
       Q && V !== void 0 && (U[Q] = V);
     }
     return U;
@@ -2127,14 +2182,14 @@ class HU {
     const U = new Uint8Array(l);
     if (!(U[0] === 77 && U[1] === 84 && U[2] === 104 && U[3] === 100))
       throw new Error("Not a valid MIDI file");
-    const F = this._bytesToNumber(U.slice(4, 8)), d = this._bytesToNumber(U.slice(8, 10)), t = this._bytesToNumber(U.slice(10, 12)), Q = this._bytesToNumber(U.slice(12, 14)), V = Q & 32768 ? null : Q, a = {
+    const F = this._bytesToNumber(U.slice(4, 8)), d = this._bytesToNumber(U.slice(8, 10)), Z = this._bytesToNumber(U.slice(10, 12)), Q = this._bytesToNumber(U.slice(12, 14)), V = Q & 32768 ? null : Q, a = {
       format: d,
       ticksPerBeat: V,
       tracks: [],
       duration: 0
     };
     let n = 8 + F;
-    for (let R = 0; R < t; R++)
+    for (let R = 0; R < Z; R++)
       if (U[n] === 77 && U[n + 1] === 84 && U[n + 2] === 114 && U[n + 3] === 107) {
         const m = this._bytesToNumber(U.slice(n + 4, n + 8)), e = U.slice(n + 8, n + 8 + m), c = this._parseTrack(e);
         a.tracks.push(c), n += 8 + m;
@@ -2154,7 +2209,7 @@ class HU {
       events: [],
       duration: 0
     };
-    let F = 0, d = 0, t = null;
+    let F = 0, d = 0, Z = null;
     for (; F < l.length; ) {
       let Q = 0, V = 0;
       do
@@ -2163,11 +2218,11 @@ class HU {
       d += Q, V = l[F++];
       let a = V;
       if (V & 128)
-        t = a;
+        Z = a;
       else {
-        if (t === null)
+        if (Z === null)
           throw new Error("Running status byte encountered before status byte");
-        a = t, F--;
+        a = Z, F--;
       }
       if (a === 255) {
         const n = l[F++], R = this._readVariableLengthValue(l, F);
@@ -2295,13 +2350,13 @@ class HU {
       ticksPerBeat: l.ticksPerBeat
     };
     l.tracks.forEach((F, d) => {
-      if (F.name && !U.title && (U.title = F.name), F.events.filter((t) => t.type === "text").forEach((t) => {
-        const Q = t.text.toLowerCase();
-        (Q.includes("compos") || Q.includes("by")) && !U.composer && (U.composer = t.text);
+      if (F.name && !U.title && (U.title = F.name), F.events.filter((Z) => Z.type === "text").forEach((Z) => {
+        const Q = Z.text.toLowerCase();
+        (Q.includes("compos") || Q.includes("by")) && !U.composer && (U.composer = Z.text);
       }), F.name) {
-        const t = F.name.toLowerCase();
+        const Z = F.name.toLowerCase();
         for (const Q of this.partNames)
-          if (t.includes(Q)) {
+          if (Z.includes(Q)) {
             U.partNames.push({
               index: d,
               name: F.name
@@ -2331,7 +2386,7 @@ class HU {
         m.type === "noteOff" && m.tick > d && (d = m.tick);
       });
     }), d === 0 && (d = U * 8);
-    const t = [], Q = F.filter((R) => R.type === "timeSignature").sort((R, m) => R.tick - m.tick);
+    const Z = [], Q = F.filter((R) => R.type === "timeSignature").sort((R, m) => R.tick - m.tick);
     let V = { numerator: 4, denominator: 4 }, a = 0, n = 0;
     for (; a < d; ) {
       for (; n < Q.length && Q[n].tick <= a; )
@@ -2339,16 +2394,16 @@ class HU {
       let R;
       R = a + U * 4 * V.numerator / V.denominator;
       const m = V.numerator, e = [], c = U * (4 / V.denominator);
-      for (let s = 0; s < m; s++) {
-        const u = a + s * c, B = this._ticksToTime(u, l);
-        e.push(B);
+      for (let b = 0; b < m; b++) {
+        const B = a + b * c, u = this._ticksToTime(B, l);
+        e.push(u);
       }
-      t.push({
+      Z.push({
         sig: [V.numerator, V.denominator],
         beats: e
       }), a = R;
     }
-    this.parsedData.barStructure = t;
+    this.parsedData.barStructure = Z;
   }
   /**
    * Extract notes for each voice part
@@ -2357,27 +2412,27 @@ class HU {
   _extractParts(l) {
     const U = {}, F = l.ticksPerBeat;
     if (this.metadataOverrides.parts)
-      for (const [d, t] of Object.entries(this.metadataOverrides.parts)) {
-        if (t.channel !== void 0 && t.channel !== null) {
-          if (t.channel === 15) {
+      for (const [d, Z] of Object.entries(this.metadataOverrides.parts)) {
+        if (Z.channel !== void 0 && Z.channel !== null) {
+          if (Z.channel === 15) {
             console.error(`Part "${d}" uses channel 15 which is reserved for metronome. Skipping.`);
             continue;
           }
-          if (t.channel === 9 && console.warn(`Part "${d}" uses channel 9 (drums/percussion). This may not be appropriate for vocal parts.`), t.channel < 0 || t.channel > 15) {
-            console.error(`Part "${d}" has invalid channel ${t.channel}. MIDI channels must be 0-15. Skipping.`);
+          if (Z.channel === 9 && console.warn(`Part "${d}" uses channel 9 (drums/percussion). This may not be appropriate for vocal parts.`), Z.channel < 0 || Z.channel > 15) {
+            console.error(`Part "${d}" has invalid channel ${Z.channel}. MIDI channels must be 0-15. Skipping.`);
             continue;
           }
         }
-        if (t.channel === void 0 && !t.trackIndex && t.trackIndex !== 0 && !t.trackName)
+        if (Z.channel === void 0 && !Z.trackIndex && Z.trackIndex !== 0 && !Z.trackName)
           continue;
         let Q;
-        if (t.channel !== void 0 && t.channel !== null) {
-          if (Q = this._extractPartDataByChannel(t.channel, l, F), !Q || Q.notes.length === 0) {
-            console.warn(`Part "${d}" specified channel ${t.channel} but no notes found on that channel. Skipping.`);
+        if (Z.channel !== void 0 && Z.channel !== null) {
+          if (Q = this._extractPartDataByChannel(Z.channel, l, F), !Q || Q.notes.length === 0) {
+            console.warn(`Part "${d}" specified channel ${Z.channel} but no notes found on that channel. Skipping.`);
             continue;
           }
-        } else if (t.trackIndex !== void 0 && t.trackIndex !== null) {
-          const V = t.trackIndex;
+        } else if (Z.trackIndex !== void 0 && Z.trackIndex !== null) {
+          const V = Z.trackIndex;
           if (V >= 0 && V < l.tracks.length) {
             const a = l.tracks[V];
             Q = this._extractPartDataFromTrack(a, V, l, F);
@@ -2385,20 +2440,20 @@ class HU {
             console.warn(`Part "${d}" specified trackIndex ${V} but track not found. Skipping.`);
             continue;
           }
-        } else if (t.trackName) {
-          const V = l.tracks.findIndex((a) => a.name === t.trackName);
+        } else if (Z.trackName) {
+          const V = l.tracks.findIndex((a) => a.name === Z.trackName);
           if (V !== -1) {
             const a = l.tracks[V];
             Q = this._extractPartDataFromTrack(a, V, l, F);
           } else {
-            console.warn(`Part "${d}" specified trackName "${t.trackName}" but track not found. Skipping.`);
+            console.warn(`Part "${d}" specified trackName "${Z.trackName}" but track not found. Skipping.`);
             continue;
           }
         }
-        Q && (t.instrument !== void 0 && t.instrument !== null && (Q.defaultInstrument = this._resolveInstrument(t.instrument), Q.programChanges = []), U[d] = Q);
+        Q && (Z.instrument !== void 0 && Z.instrument !== null && (Q.defaultInstrument = this._resolveInstrument(Z.instrument), Q.programChanges = []), U[d] = Q);
       }
     else
-      l.tracks.forEach((d, t) => {
+      l.tracks.forEach((d, Z) => {
         if (!d.notes.length) return;
         let Q = null;
         if (d.name) {
@@ -2414,11 +2469,11 @@ class HU {
               break;
             }
         }
-        Q || (Q = d.name || `Track ${t + 1}`), Q === "s" && (Q = "soprano"), Q === "a" && (Q = "alto"), Q === "t" && (Q = "tenor"), Q === "b" && (Q = "bass");
+        Q || (Q = d.name || `Track ${Z + 1}`), Q === "s" && (Q = "soprano"), Q === "a" && (Q = "alto"), Q === "t" && (Q = "tenor"), Q === "b" && (Q = "bass");
         let V = Q, a = 2;
         for (; U[V]; )
           V = `${Q} ${a}`, a++;
-        Q = V, U[Q] = this._extractPartDataFromTrack(d, t, l, F);
+        Q = V, U[Q] = this._extractPartDataFromTrack(d, Z, l, F);
       });
     this.parsedData.parts = U;
   }
@@ -2427,7 +2482,7 @@ class HU {
    * @private
    */
   _extractPartDataByChannel(l, U, F) {
-    const d = [], t = [], Q = [], V = [];
+    const d = [], Z = [], Q = [], V = [];
     U.tracks.forEach((n, R) => {
       const m = {};
       n.notes.forEach((e) => {
@@ -2438,13 +2493,13 @@ class HU {
               velocity: e.velocity
             };
           else if (e.type === "noteOff" && m[e.noteNumber]) {
-            const c = m[e.noteNumber], s = e.tick - c.tick;
+            const c = m[e.noteNumber], b = e.tick - c.tick;
             d.push({
               pitch: e.noteNumber,
               name: this._midiNoteToName(e.noteNumber),
               startTick: c.tick,
               endTick: e.tick,
-              duration: s,
+              duration: b,
               startTime: this._ticksToTime(c.tick, U),
               endTime: this._ticksToTime(e.tick, U),
               velocity: c.velocity,
@@ -2454,7 +2509,7 @@ class HU {
           }
         }
       }), n.lyrics.forEach((e) => {
-        t.push({
+        Z.push({
           text: e.text,
           tick: e.tick,
           time: e.tick / F
@@ -2467,11 +2522,11 @@ class HU {
           sourceTrackIndex: R
         });
       }), n.notes.some((e) => e.channel === l) && V.push(R);
-    }), d.sort((n, R) => n.startTick - R.startTick), t.sort((n, R) => n.tick - R.tick), Q.sort((n, R) => n.tick - R.tick);
+    }), d.sort((n, R) => n.startTick - R.startTick), Z.sort((n, R) => n.tick - R.tick), Q.sort((n, R) => n.tick - R.tick);
     const a = Q.length > 0 ? Q[0].programNumber : 0;
     return {
       notes: d,
-      lyrics: t,
+      lyrics: Z,
       channel: l,
       trackIndices: V,
       // All track indices that contributed
@@ -2484,7 +2539,7 @@ class HU {
    * @private
    */
   _extractPartDataFromTrack(l, U, F, d) {
-    const t = [], Q = {};
+    const Z = [], Q = {};
     l.notes.forEach((R) => {
       if (R.type === "noteOn")
         Q[R.noteNumber] = {
@@ -2494,7 +2549,7 @@ class HU {
         };
       else if (R.type === "noteOff" && Q[R.noteNumber]) {
         const m = Q[R.noteNumber], e = R.tick - m.tick;
-        t.push({
+        Z.push({
           pitch: R.noteNumber,
           name: this._midiNoteToName(R.noteNumber),
           startTick: m.tick,
@@ -2515,14 +2570,14 @@ class HU {
       time: R.tick / d
       // Time in quarter notes
     }));
-    t.sort((R, m) => R.startTick - m.startTick);
+    Z.sort((R, m) => R.startTick - m.startTick);
     const a = l.events.filter((R) => R.type === "programChange").map((R) => ({
       programNumber: R.programNumber,
       tick: R.tick,
       time: this._ticksToTime(R.tick, F)
     })).sort((R, m) => R.tick - m.tick), n = a.length > 0 ? a[0].programNumber : 0;
     return {
-      notes: t,
+      notes: Z,
       lyrics: V,
       trackIndex: U,
       programChanges: a,
@@ -2584,11 +2639,11 @@ class HU {
    * @private
    */
   _readVariableLengthValue(l, U) {
-    let F = 0, d, t = 0;
+    let F = 0, d, Z = 0;
     do
-      d = l[U + t++], F = F << 7 | d & 127;
+      d = l[U + Z++], F = F << 7 | d & 127;
     while (d & 128);
-    return { value: F, bytesRead: t };
+    return { value: F, bytesRead: Z };
   }
   /**
    * Convert ticks to time in seconds considering tempo changes within bars
@@ -2601,20 +2656,20 @@ class HU {
         n.type === "tempo" && d.push(n);
       });
     }), d.sort((a, n) => a.tick - n.tick);
-    let t = 0, Q = 0, V = 120;
+    let Z = 0, Q = 0, V = 120;
     for (const a of d) {
       if (a.tick > l) break;
       if (a.tick > Q) {
         const n = (a.tick - Q) / F * (60 / V);
-        t += n, Q = a.tick;
+        Z += n, Q = a.tick;
       }
       V = a.bpm;
     }
     if (l > Q) {
       const a = (l - Q) / F * (60 / V);
-      t += a;
+      Z += a;
     }
-    return t;
+    return Z;
   }
 }
 class DU {
@@ -2642,18 +2697,18 @@ class DU {
    */
   generateBarOrder(l, U) {
     const F = [], d = {};
-    for (const t of U) {
-      const Q = l[t.section];
+    for (const Z of U) {
+      const Q = l[Z.section];
       if (!Q)
-        throw new Error(`Invalid section index: ${t.section}`);
-      const V = t.section;
+        throw new Error(`Invalid section index: ${Z.section}`);
+      const V = Z.section;
       d[V] || (d[V] = 0), d[V]++;
-      const a = d[V], n = t.from !== void 0 ? t.from : this._getSectionStartBar(l, t.section), R = t.to !== void 0 ? t.to : Q.to, m = t.as || 1;
+      const a = d[V], n = Z.from !== void 0 ? Z.from : this._getSectionStartBar(l, Z.section), R = Z.to !== void 0 ? Z.to : Q.to, m = Z.as || 1;
       for (let e = n; e <= R; e++)
         this._shouldPlayBar(Q, e, m) && F.push({
           barNumber: e,
           repeat: a,
-          sectionIndex: t.section,
+          sectionIndex: Z.section,
           voltaTime: m
         });
     }
@@ -2667,13 +2722,13 @@ class DU {
    */
   generateBarOrderFromLegacyBars(l, U) {
     const F = [];
-    let d = 1, t = 0, Q;
+    let d = 1, Z = 0, Q;
     for (const V of l) {
-      V.from !== void 0 && (d = V.from === -1 ? 0 : V.from, t = 0), V.timeSig !== void 0 && (Q = V.timeSig);
+      V.from !== void 0 && (d = V.from === -1 ? 0 : V.from, Z = 0), V.timeSig !== void 0 && (Q = V.timeSig);
       const a = V.repeat || 1;
       let n = V.beats;
       for (; n > 0; ) {
-        const R = (Q !== void 0 ? Q : this._getBeatsPerBar(d, U)) - t;
+        const R = (Q !== void 0 ? Q : this._getBeatsPerBar(d, U)) - Z;
         n >= R ? (F.push({
           barNumber: d,
           repeat: a,
@@ -2681,10 +2736,10 @@ class DU {
           // Legacy format doesn't have sections
           voltaTime: 1
           // Legacy format doesn't have voltas
-        }), n -= R, t = 0, d === 0 ? d = 1 : d++) : (t += n, n = 0);
+        }), n -= R, Z = 0, d === 0 ? d = 1 : d++) : (Z += n, n = 0);
       }
     }
-    return t > 0 && F.push({
+    return Z > 0 && F.push({
       barNumber: d,
       repeat: 1,
       sectionIndex: 0,
@@ -2718,8 +2773,8 @@ class DU {
     let d;
     if (F ? d = l : d = l - 1, d < 0 || d >= U.length)
       return 4;
-    const t = U[d];
-    return t.sig ? t.sig[0] : 4;
+    const Z = U[d];
+    return Z.sig ? Z.sig[0] : 4;
   }
   /**
    * Generate beat table from bar order and MIDI bar structure
@@ -2730,44 +2785,44 @@ class DU {
    */
   generateBeatTable(l, U) {
     const F = [], d = {};
-    let t = 0, Q = 0;
+    let Z = 0, Q = 0;
     const V = [...U];
-    for (; Q < l.length && t < V.length; ) {
+    for (; Q < l.length && Z < V.length; ) {
       const a = l[Q], n = a.barNumber;
       if (d[n] === void 0) {
-        const c = V[t];
+        const c = V[Z];
         if (!c || !c.sig)
-          throw new Error(`Invalid MIDI bar structure at index ${t}`);
+          throw new Error(`Invalid MIDI bar structure at index ${Z}`);
         d[n] = c.sig[0];
       }
       const R = d[n];
-      let m = V[t], e = m.sig[0];
-      for (; e < R && t + 1 < V.length; ) {
-        const c = V[t + 1], s = [
+      let m = V[Z], e = m.sig[0];
+      for (; e < R && Z + 1 < V.length; ) {
+        const c = V[Z + 1], b = [
           m.sig[0] + c.sig[0],
           // Total beats
           m.sig[1]
           // Keep original note value
-        ], u = [
+        ], B = [
           ...m.beats || [],
           ...c.beats || []
         ];
         m = {
-          sig: s,
-          beats: u
-        }, V[t] = m, V.splice(t + 1, 1), e = s[0];
+          sig: b,
+          beats: B
+        }, V[Z] = m, V.splice(Z + 1, 1), e = b[0];
       }
       if (e > R) {
-        const c = R, s = e - R, u = m.beats ? m.beats.slice(0, c) : [], B = m.beats ? m.beats.slice(c) : [], X = {
+        const c = R, b = e - R, B = m.beats ? m.beats.slice(0, c) : [], u = m.beats ? m.beats.slice(c) : [], X = {
           sig: [c, m.sig[1]],
-          beats: u
-        }, T = {
-          sig: [s, m.sig[1]],
           beats: B
+        }, E = {
+          sig: [b, m.sig[1]],
+          beats: u
         };
-        V[t] = X, V.splice(t + 1, 0, T), m = X;
+        V[Z] = X, V.splice(Z + 1, 0, E), m = X;
       }
-      this._generateBeatsForBar(F, a, m, R), t++, Q++;
+      this._generateBeatsForBar(F, a, m, R), Z++, Q++;
     }
     if (Q < l.length) {
       const a = F.length > 0 ? F[F.length - 1] : null;
@@ -2780,15 +2835,15 @@ class DU {
       for (; Q < l.length; ) {
         const m = l[Q], e = m.barNumber, c = d[e] !== void 0 ? d[e] : 4;
         d[e] === void 0 && (d[e] = c);
-        const s = [];
-        for (let B = 0; B < c; B++)
-          s.push(R), R += n;
-        const u = {
+        const b = [];
+        for (let u = 0; u < c; u++)
+          b.push(R), R += n;
+        const B = {
           sig: [c, 4],
           // Default to quarter notes
-          beats: s
+          beats: b
         };
-        this._generateBeatsForBar(F, m, u, c), Q++;
+        this._generateBeatsForBar(F, m, B, c), Q++;
       }
     }
     return F;
@@ -2798,10 +2853,10 @@ class DU {
    * @private
    */
   _generateBeatsForBar(l, U, F, d) {
-    const { beats: t } = F;
-    if (!t || !Array.isArray(t))
+    const { beats: Z } = F;
+    if (!Z || !Array.isArray(Z))
       throw new Error(`Invalid MIDI bar: missing beats array. Got: ${JSON.stringify(F)}`);
-    const Q = t.slice(0, d);
+    const Q = Z.slice(0, d);
     for (let V = 1; V <= d; V++) {
       const a = {
         time: Q[V - 1],
@@ -2843,8 +2898,8 @@ class Jl {
     if (!U)
       throw new Error("Parsed MIDI data is required");
     this.audioEngine = l, this._audioEngineReady = !!(l && l.isInitialized), this.instrumentMap = F || {}, this.parsedData = U, this._isPlaying = !1, this._currentTime = 0, this._totalDuration = 0, this.playbackSpeed = 1, this.partChannels = /* @__PURE__ */ new Map(), this.partOutputs = /* @__PURE__ */ new Map(), this.playbackStartTime = 0, this.lookAheadTime = 0.05, this.scheduleInterval = null, this.partNotePointers = /* @__PURE__ */ new Map(), this.partProgramPointers = /* @__PURE__ */ new Map(), this.eventBus = pl(), this.beatMapper = new DU(), this.beats = [], this.structureMetadata = d, this._calculateTotalDuration();
-    const t = d || this._createDefaultStructureMetadata();
-    this.beats = this.beatMapper.mapBeats(U, t), this._audioEngineReady && (this._setupPartChannels(), this._resetNotePointers(), this._resetProgramPointers());
+    const Z = d || this._createDefaultStructureMetadata();
+    this.beats = this.beatMapper.mapBeats(U, Z), this._audioEngineReady && (this._setupPartChannels(), this._resetNotePointers(), this._resetProgramPointers());
   }
   // ========================================
   // PUBLIC API - Initialization Methods
@@ -3028,8 +3083,8 @@ class Jl {
    */
   getAllNextNotes(l) {
     const U = l ?? this.getCurrentTime(), F = {};
-    for (const [d, t] of Object.entries(this.parsedData.parts)) {
-      const Q = t.notes.find((V) => V.startTime >= U);
+    for (const [d, Z] of Object.entries(this.parsedData.parts)) {
+      const Q = Z.notes.find((V) => V.startTime >= U);
       F[d] = Q ? {
         pitch: Q.pitch,
         startTime: Q.startTime
@@ -3073,17 +3128,17 @@ class Jl {
     Object.keys(this.parsedData.parts).forEach((l) => {
       const U = this.parsedData.parts[l], F = this.instrumentMap[l] || {}, d = F.instrument !== void 0 ? F.instrument : U.defaultInstrument !== void 0 ? U.defaultInstrument : 0;
       try {
-        const t = this.audioEngine.createChannel(l, {
+        const Z = this.audioEngine.createChannel(l, {
           instrument: d,
           initialVolume: F.volume || 1
         });
-        this.partChannels.set(l, t);
+        this.partChannels.set(l, Z);
         const Q = this.audioEngine.audioContext.createGain();
         Q.gain.value = 1;
-        const V = t.getOutputNode();
+        const V = Z.getOutputNode();
         V && V.connect(Q), this.partOutputs.set(l, Q);
-      } catch (t) {
-        console.error(`Failed to create channel for part '${l}':`, t), this._emitEvent("error", t);
+      } catch (Z) {
+        console.error(`Failed to create channel for part '${l}':`, Z), this._emitEvent("error", Z);
       }
     });
   }
@@ -3115,11 +3170,11 @@ class Jl {
       if (!this._isPlaying) return;
       const l = (this.audioEngine.audioContext.currentTime - this.playbackStartTime) * this.playbackSpeed, U = l + this.lookAheadTime;
       for (const [F, d] of this.partChannels) {
-        const t = this.parsedData.parts[F];
-        if (t) {
-          if (t.programChanges && t.programChanges.length > 0) {
+        const Z = this.parsedData.parts[F];
+        if (Z) {
+          if (Z.programChanges && Z.programChanges.length > 0) {
             let Q = this.partProgramPointers.get(F) || 0;
-            const V = t.programChanges;
+            const V = Z.programChanges;
             for (; Q < V.length && V[Q].time < l; )
               Q++;
             for (; Q < V.length && V[Q].time <= U; ) {
@@ -3128,9 +3183,9 @@ class Jl {
             }
             this.partProgramPointers.set(F, Q);
           }
-          if (t.notes) {
+          if (Z.notes) {
             let Q = this.partNotePointers.get(F) || 0;
-            const V = t.notes;
+            const V = Z.notes;
             for (; Q < V.length && V[Q].endTime < l; )
               Q++;
             for (; Q < V.length && V[Q].startTime <= U; ) {
@@ -3174,10 +3229,10 @@ class Jl {
         this.partProgramPointers.set(U, 0);
         continue;
       }
-      let t = 0, Q = d.defaultInstrument;
-      for (; t < d.programChanges.length && d.programChanges[t].time <= l; )
-        Q = d.programChanges[t].programNumber, t++;
-      F.setInstrument(Q), this.partProgramPointers.set(U, t);
+      let Z = 0, Q = d.defaultInstrument;
+      for (; Z < d.programChanges.length && d.programChanges[Z].time <= l; )
+        Q = d.programChanges[Z].programNumber, Z++;
+      F.setInstrument(Q), this.partProgramPointers.set(U, Z);
     }
   }
   /**
@@ -3628,7 +3683,7 @@ class jU {
       throw new Error("Audio engine not ready. Call setAudioEngine() first.");
     if (this.isCalibrating)
       throw new Error("Calibration already in progress");
-    const U = l.measurements || 5, F = l.sampleIntervalMs || 10, d = l.threshold || 0.01, t = l.timeout || 3e3, Q = l.silent !== void 0 ? l.silent : !0, V = l.updateBaseline !== void 0 ? l.updateBaseline : !0;
+    const U = l.measurements || 5, F = l.sampleIntervalMs || 10, d = l.threshold || 0.01, Z = l.timeout || 3e3, Q = l.silent !== void 0 ? l.silent : !0, V = l.updateBaseline !== void 0 ? l.updateBaseline : !0;
     this.isCalibrating = !0;
     try {
       Q && await this._setupSilentCalibration();
@@ -3636,7 +3691,7 @@ class jU {
         U,
         F,
         d,
-        t
+        Z
       );
       this.measuredLatencyMs = a, V && await this._updateBaselineLatency(a);
       const n = this.hasLatencyDrift();
@@ -3745,11 +3800,11 @@ class jU {
   previewNextNotes(l = {}) {
     if (!this.midiPlayer)
       throw new Error("No MIDI data loaded");
-    const U = l.delayBetweenParts ?? 0.3, F = l.duration ?? 0.5, d = l.velocity ?? 100, t = this.midiPlayer.getAllNextNotes(), Q = l.partOrder ?? this.getPartNames();
+    const U = l.delayBetweenParts ?? 0.3, F = l.duration ?? 0.5, d = l.velocity ?? 100, Z = this.midiPlayer.getAllNextNotes(), Q = l.partOrder ?? this.getPartNames();
     let V = this.audioEngine.audioContext.currentTime + 0.01;
     const a = [];
     for (const n of Q) {
-      const R = t[n];
+      const R = Z[n];
       if (!R) continue;
       const m = this.midiPlayer.getPartChannel(n);
       if (!m) continue;
@@ -3886,11 +3941,11 @@ class jU {
         startBeat: { bar: 1, beat: 1, timeSig: 4 }
       };
     const l = this.midiPlayer.beats, U = this.frozenTime, F = this.leadInConfig.bars;
-    let d = l.length - 1, t = 0.5;
+    let d = l.length - 1, Z = 0.5;
     for (; l[d].time > U; ) d--;
     const Q = l[d], V = l[d + 1];
-    V ? t = V.time - Q.time : d > 0 && (t = Q.time - l[d - 1].time);
-    const a = this.midiPlayer && this.midiPlayer.playbackSpeed || 1, n = t / a, R = Q.timeSig === 1, m = R && V ? V.timeSig : Q.timeSig, e = R ? m - 1 : Q.beat > 1 ? Q.beat - 1 : 0, c = F * m + e;
+    V ? Z = V.time - Q.time : d > 0 && (Z = Q.time - l[d - 1].time);
+    const a = this.midiPlayer && this.midiPlayer.playbackSpeed || 1, n = Z / a, R = Q.timeSig === 1, m = R && V ? V.timeSig : Q.timeSig, e = R ? m - 1 : Q.beat > 1 ? Q.beat - 1 : 0, c = F * m + e;
     return {
       totalBeats: c,
       duration: c * n,
@@ -3909,14 +3964,14 @@ class jU {
    */
   _generateBeatSequence(l, U, F) {
     const d = [];
-    for (let t = 0; t < l; t++) {
-      const Q = t % F + 1;
+    for (let Z = 0; Z < l; Z++) {
+      const Q = Z % F + 1;
       d.push({
         beat: Q,
         isAccent: Q === 1,
-        time: t * U,
+        time: Z * U,
         // Relative time from start of lead-in playback
-        absoluteTime: this.leadInStartTime + t * U
+        absoluteTime: this.leadInStartTime + Z * U
         // Absolute time (includes startup delay)
       });
     }
@@ -3933,7 +3988,7 @@ class jU {
     this.leadInStartTime = this.audioEngine.audioContext.currentTime, this.leadInInterval = setInterval(() => {
       const d = this.audioEngine.audioContext.currentTime - this.leadInStartTime;
       for (this.leadInProgress = Math.min(1, d / this.leadInData.duration); this.leadInBeatIndex < U.length; ) {
-        const t = U[this.leadInBeatIndex], Q = t.time - d;
+        const Z = U[this.leadInBeatIndex], Q = Z.time - d;
         if (Q > 0.05)
           break;
         if (!this.leadInScheduledBeats.has(this.leadInBeatIndex) && Q >= -0.05 && Q <= 0.05) {
@@ -3941,10 +3996,10 @@ class jU {
             // Add small offset for immediate beats
             this.audioEngine.audioContext.currentTime + Q
           );
-          this._scheduleTickAtTime(V, t.isAccent);
+          this._scheduleTickAtTime(V, Z.isAccent);
           const a = {
             bar: Math.floor(this.leadInBeatIndex / this.leadInData.beatsPerBar) + 1,
-            beat: t.beat,
+            beat: Z.beat,
             repeat: 1,
             time: this.frozenTime,
             isLeadIn: !0
@@ -3993,8 +4048,8 @@ class jU {
       if (this.state === "playing")
         try {
           this.midiPlayer.play(), l && this._startMetronome();
-        } catch (t) {
-          this.state = "stopped", this._emitEvent("error", t);
+        } catch (Z) {
+          this.state = "stopped", this._emitEvent("error", Z);
         }
     };
     F ? d() : setTimeout(d, this.startupConfig.delayMs), this.timeUpdateInterval || this._startTimeUpdateLoop();
@@ -4037,13 +4092,13 @@ class jU {
     if (!U || U.length === 0)
       return;
     const F = this.midiPlayer.getCurrentTime(), d = 0.1;
-    for (let t = this.nextBeatIndex; t < U.length; t++) {
-      const Q = U[t], V = this.midiPlayer.playbackSpeed || 1, a = l + (Q.time - F) / V;
+    for (let Z = this.nextBeatIndex; Z < U.length; Z++) {
+      const Q = U[Z], V = this.midiPlayer.playbackSpeed || 1, a = l + (Q.time - F) / V;
       if (a > this.audioEngine.audioContext.currentTime + d)
         break;
       if (a >= this.audioEngine.audioContext.currentTime - 0.01) {
         const n = Math.max(a, this.audioEngine.audioContext.currentTime + 1e-3), R = Q.isDownbeat || Q.beat === 1;
-        this._scheduleTickAtTime(n, R), this.nextBeatIndex = t + 1;
+        this._scheduleTickAtTime(n, R), this.nextBeatIndex = Z + 1;
       }
     }
   }
@@ -4060,11 +4115,11 @@ class jU {
       this.nextBeatIndex++;
     const F = l + 0.15;
     for (; this.nextBeatIndex < U.length; ) {
-      const d = U[this.nextBeatIndex], t = d.time - l;
+      const d = U[this.nextBeatIndex], Z = d.time - l;
       if (d.time > F)
         break;
-      if (t >= -0.025 && t <= 0.15) {
-        const Q = this.audioEngine.audioContext.currentTime + 5e-3, V = this.audioEngine.audioContext.currentTime + Math.max(t, 5e-3), a = Math.max(Q, V), n = d.beat === 1;
+      if (Z >= -0.025 && Z <= 0.15) {
+        const Q = this.audioEngine.audioContext.currentTime + 5e-3, V = this.audioEngine.audioContext.currentTime + Math.max(Z, 5e-3), a = Math.max(Q, V), n = d.beat === 1;
         this._scheduleTickAtTime(a, n);
       }
       this.nextBeatIndex++;
@@ -4240,8 +4295,8 @@ class jU {
    */
   _completeMidiPlayerSetup() {
     this._partOutputsMap.clear(), Object.keys(this.midiPlayer.parsedData.parts).sort((l, U) => {
-      const F = this.midiPlayer.parsedData.parts[l], d = this.midiPlayer.parsedData.parts[U], t = F.channel !== void 0 ? F.channel : F.trackIndex, Q = d.channel !== void 0 ? d.channel : d.trackIndex;
-      return t - Q;
+      const F = this.midiPlayer.parsedData.parts[l], d = this.midiPlayer.parsedData.parts[U], Z = F.channel !== void 0 ? F.channel : F.trackIndex, Q = d.channel !== void 0 ? d.channel : d.trackIndex;
+      return Z - Q;
     }).forEach((l) => {
       const U = this.midiPlayer.getPartOutput(l);
       U && this._partOutputsMap.set(l, U);
@@ -4266,10 +4321,10 @@ class jU {
       trumpet: { instrument: "trumpet", volume: 0.7 }
     };
     return Object.keys(l).forEach((d) => {
-      const t = l[d];
-      if (t.defaultInstrument !== void 0)
+      const Z = l[d];
+      if (Z.defaultInstrument !== void 0)
         U[d] = {
-          instrument: t.defaultInstrument,
+          instrument: Z.defaultInstrument,
           volume: 1
         };
       else {
@@ -4298,16 +4353,16 @@ class jU {
     const U = this.audioEngine.getMetronomeAnalyser();
     if (!U)
       throw new Error("Metronome analyser not available for signal capture");
-    const F = l.sampleIntervalMs || 2, d = l.captureDurationMs || 1500, t = this.audioEngine.audioContext.currentTime + 0.1;
-    await this.audioEngine.playMetronomeTick(t, !0, 1);
+    const F = l.sampleIntervalMs || 2, d = l.captureDurationMs || 1500, Z = this.audioEngine.audioContext.currentTime + 0.1;
+    await this.audioEngine.playMetronomeTick(Z, !0, 1);
     const Q = await this._captureAnalyserTimeSeries(
       U,
-      t,
+      Z,
       F,
       d
     );
     return {
-      scheduledTime: t,
+      scheduledTime: Z,
       samples: Q,
       sampleIntervalMs: F,
       captureDurationMs: d
@@ -4323,8 +4378,8 @@ class jU {
    * @private
    */
   async _performLatencyMeasurement(l, U, F, d) {
-    const t = this.audioEngine.getMetronomeAnalyser();
-    if (!t)
+    const Z = this.audioEngine.getMetronomeAnalyser();
+    if (!Z)
       throw new Error("Metronome analyser not available for latency measurement");
     const Q = this.audioEngine.audioContext, V = [];
     console.log(`Starting calibration: ${l} measurements, ${U}ms sampling, ${F} threshold`);
@@ -4332,18 +4387,18 @@ class jU {
       const e = Q.currentTime + 0.15;
       await this.audioEngine.playMetronomeTick(e, !0, 1);
       const c = await this._detectOnsetByThreshold(
-        t,
+        Z,
         e,
         U,
         F,
         d
       );
       if (c) {
-        const s = c.latencyMs;
-        V.push(s), console.log(`Measurement ${m + 1}/${l}: ${s.toFixed(1)}ms (RMS: ${c.rms.toFixed(4)}, peak: ${c.peak.toFixed(4)})`);
+        const b = c.latencyMs;
+        V.push(b), console.log(`Measurement ${m + 1}/${l}: ${b.toFixed(1)}ms (RMS: ${c.rms.toFixed(4)}, peak: ${c.peak.toFixed(4)})`);
       } else
         console.warn(`Measurement ${m + 1}/${l}: detection timeout (no signal above ${F} threshold)`);
-      await new Promise((s) => setTimeout(s, 300));
+      await new Promise((b) => setTimeout(b, 300));
     }
     if (V.length === 0)
       throw new Error(`Failed to detect any metronome onsets. Try lowering threshold (current: ${F}) or check audio routing.`);
@@ -4373,31 +4428,31 @@ class jU {
    * @returns {Promise<Object|null>} Detection result {latencyMs, rms, peak} or null if timeout
    * @private
    */
-  async _detectOnsetByThreshold(l, U, F, d, t) {
+  async _detectOnsetByThreshold(l, U, F, d, Z) {
     const Q = this.audioEngine.audioContext, V = l.fftSize, a = new Float32Array(V), n = Math.max(0, (U - Q.currentTime) * 1e3 - 20);
     await new Promise((m) => setTimeout(m, n));
     const R = performance.now();
     return new Promise((m) => {
       const e = setInterval(() => {
-        if (performance.now() - R > t) {
+        if (performance.now() - R > Z) {
           clearInterval(e), m(null);
           return;
         }
         l.getFloatTimeDomainData(a);
-        let c = 0, s = 0;
-        for (let B = 0; B < V; B++) {
-          const X = Math.abs(a[B]);
-          c += a[B] * a[B], X > s && (s = X);
+        let c = 0, b = 0;
+        for (let u = 0; u < V; u++) {
+          const X = Math.abs(a[u]);
+          c += a[u] * a[u], X > b && (b = X);
         }
-        const u = Math.sqrt(c / V);
-        if (u >= d) {
+        const B = Math.sqrt(c / V);
+        if (B >= d) {
           clearInterval(e);
-          const B = Q.currentTime, X = (B - U) * 1e3;
+          const u = Q.currentTime, X = (u - U) * 1e3;
           m({
             latencyMs: X,
-            rms: u,
-            peak: s,
-            detectedTime: B
+            rms: B,
+            peak: b,
+            detectedTime: u
           });
         }
       }, F);
@@ -4413,7 +4468,7 @@ class jU {
    * @private
    */
   async _captureAnalyserTimeSeries(l, U, F, d) {
-    const t = this.audioEngine.audioContext, Q = l.fftSize, V = new Float32Array(Q), a = [], n = performance.now(), R = Math.max(0, (U - t.currentTime) * 1e3 - 20);
+    const Z = this.audioEngine.audioContext, Q = l.fftSize, V = new Float32Array(Q), a = [], n = performance.now(), R = Math.max(0, (U - Z.currentTime) * 1e3 - 20);
     return await new Promise((m) => setTimeout(m, R)), new Promise((m) => {
       const e = setInterval(() => {
         if (performance.now() - n - R >= d) {
@@ -4421,18 +4476,18 @@ class jU {
           return;
         }
         l.getFloatTimeDomainData(V);
-        let c = 0, s = 0;
+        let c = 0, b = 0;
         for (let X = 0; X < Q; X++) {
-          const T = Math.abs(V[X]);
-          c += V[X] * V[X], T > s && (s = T);
+          const E = Math.abs(V[X]);
+          c += V[X] * V[X], E > b && (b = E);
         }
-        const u = Math.sqrt(c / Q), B = t.currentTime;
+        const B = Math.sqrt(c / Q), u = Z.currentTime;
         a.push({
-          time: B,
-          relativeTime: (B - U) * 1e3,
+          time: u,
+          relativeTime: (u - U) * 1e3,
           // ms relative to scheduled time
-          rms: u,
-          peak: s
+          rms: B,
+          peak: b
         });
       }, F);
     });
@@ -4472,7 +4527,7 @@ class qU {
 const PU = new qU();
 class wU {
   constructor() {
-    this.eventBus = fl(), this.currentTime = 0, this.isPlaying = !1, this.playbackSpeed = 1, this.masterVolume = 0.75, this.metronomeVolume = 0.7, this.parts = /* @__PURE__ */ new Map(), this.playbackTimer = null, this.lastTimestamp = 0, this.audioContext = null, this.audioEngine = null, this.playbackManager = null, this.musicData = null, this.beats = [], this.practiceMarks = {}, this.songDuration = 0, this.maxBar = 0, this.masterGain = null, this.metronomeGain = null, this.partGainNodes = /* @__PURE__ */ new Map(), this.partAnalyserNodes = /* @__PURE__ */ new Map(), this.isInitialized = !1;
+    this.eventBus = _l(), this.currentTime = 0, this.isPlaying = !1, this.playbackSpeed = 1, this.masterVolume = 0.75, this.metronomeVolume = 0.7, this.parts = /* @__PURE__ */ new Map(), this.playbackTimer = null, this.lastTimestamp = 0, this.audioContext = null, this.audioEngine = null, this.playbackManager = null, this.musicData = null, this.beats = [], this.practiceMarks = {}, this.songDuration = 0, this.maxBar = 0, this.masterGain = null, this.metronomeGain = null, this.partGainNodes = /* @__PURE__ */ new Map(), this.partAnalyserNodes = /* @__PURE__ */ new Map(), this.isInitialized = !1;
   }
   // Sanitize part names to ensure consistent lookup
   // Remove non-printable characters, convert to lowercase, trim whitespace
@@ -4492,20 +4547,20 @@ class wU {
         "/FluidR3_GM.sf2",
         "/soundfont.sf2"
       ];
-      let d = !1, t = null;
+      let d = !1, Z = null;
       for (const Q of F)
         try {
           await this.audioEngine.initialize(Q), console.log(`Loaded soundfont: ${Q}`), d = !0;
           break;
         } catch (V) {
-          console.warn(`Failed to load soundfont ${Q}:`, V.message), t = V;
+          console.warn(`Failed to load soundfont ${Q}:`, V.message), Z = V;
         }
       if (!d) {
         const Q = "No soundfont could be loaded";
         throw this.eventBus.emit("initProgress", {
           stage: "error",
           message: Q,
-          error: t
+          error: Z
         }), new Error(Q);
       }
     } else
@@ -4532,7 +4587,7 @@ class wU {
     else {
       if (this.beats = l.beats || [], this.practiceMarks = l.marks || l.practiceMarks || {}, this.beats.length > 0) {
         const F = this.beats[this.beats.length - 1], d = F.tempo > 0 ? 60 / F.tempo : 0.75;
-        this.songDuration = F.time + d, this.maxBar = Math.max(...this.beats.map((t) => t.bar));
+        this.songDuration = F.time + d, this.maxBar = Math.max(...this.beats.map((Z) => Z.bar));
       } else
         this.songDuration = 0, this.maxBar = 0;
       this.setupLegacyParts(l.parts || []), this.eventBus.emit("initialized", { parts: Array.from(this.parts.values()) });
@@ -4599,8 +4654,8 @@ class wU {
       F.gain.value = 1;
       const d = this.audioContext.createAnalyser();
       d.fftSize = 256, d.smoothingTimeConstant = 0.3, U.connect(F), F.connect(d), d.connect(this.masterGain);
-      const t = this.sanitizePartName(l);
-      this.partGainNodes.set(t, F), this.partAnalyserNodes.set(t, d), console.log(`Audio routing established for part: ${l}`);
+      const Z = this.sanitizePartName(l);
+      this.partGainNodes.set(Z, F), this.partAnalyserNodes.set(Z, d), console.log(`Audio routing established for part: ${l}`);
     }
   }
   // Set up metronome audio routing (separate from parts)
@@ -4648,8 +4703,8 @@ class wU {
   setupPlaybackManagerEventDelegation() {
     this.playbackManager.on("timeupdate", ({ audioTime: l, leadInProgress: U }) => {
       this.currentTime = l, this.eventBus.emit("timeChanged", { currentTime: l, leadInProgress: U });
-    }), this.playbackManager.on("beatAudible", ({ bar: l, beat: U, isLeadIn: F, repeat: d, time: t }) => {
-      this.eventBus.emit("barChanged", { bar: l, beat: U, repeat: d, time: t, isLeadIn: F });
+    }), this.playbackManager.on("beatAudible", ({ bar: l, beat: U, isLeadIn: F, repeat: d, time: Z }) => {
+      this.eventBus.emit("barChanged", { bar: l, beat: U, repeat: d, time: Z, isLeadIn: F });
     }), this.playbackManager.on("leadInStarted", ({ totalBeats: l, duration: U, bars: F }) => {
       this.eventBus.emit("leadInStarted", { bars: F, totalBeats: l, duration: U });
     }), this.playbackManager.on("leadInEnded", () => {
@@ -4774,7 +4829,7 @@ class wU {
   // Helper method to determine if a part should be effectively muted
   isPartEffectivelyMuted(l) {
     const U = this.sanitizePartName(l), F = this.parts.get(U);
-    return !F || F.muted ? !0 : Array.from(this.parts.values()).some((t) => t.solo) && !F.solo;
+    return !F || F.muted ? !0 : Array.from(this.parts.values()).some((Z) => Z.solo) && !F.solo;
   }
   // Update audio state for a specific part
   updatePartAudioState(l) {
@@ -4798,11 +4853,11 @@ class wU {
     if (!F)
       return 0;
     try {
-      const d = F.frequencyBinCount, t = new Uint8Array(d);
-      F.getByteFrequencyData(t);
+      const d = F.frequencyBinCount, Z = new Uint8Array(d);
+      F.getByteFrequencyData(Z);
       let Q = 0;
       for (let a = 0; a < d; a++) {
-        const n = t[a] / 255;
+        const n = Z[a] / 255;
         Q += n * n;
       }
       const V = Math.sqrt(Q / d);
@@ -4861,6 +4916,12 @@ class wU {
         this.playbackManager.pause();
       } catch {
       }
+    if (this.playbackManager && this.metronomeGain)
+      try {
+        const l = this.playbackManager.getMetronomeOutput();
+        l && l.disconnect(this.metronomeGain);
+      } catch {
+      }
     if (this.partGainNodes.forEach((l) => {
       try {
         l.disconnect();
@@ -4885,11 +4946,11 @@ class wU {
     this.cleanup(), this.audioEngine && this.audioEngine.destroy(), this.audioContext && this.audioContext.state !== "closed" && this.audioContext.close(), this.eventBus.all.clear();
   }
 }
-const b = new wU();
-function Vl(Z = {}) {
-  const l = Fl(), U = Ql(), F = EU(), d = {
-    soundfontUrl: Z.soundfontUrl
-  }, t = ({ currentTime: W }) => {
+const s = new wU();
+function Vl(t = {}) {
+  const l = dl(), U = ll(), F = fl(), d = {
+    soundfontUrl: t.soundfontUrl
+  }, Z = ({ currentTime: W }) => {
     l.setCurrentTime(W);
   }, Q = ({ isPlaying: W }) => {
     l.setPlaybackState(W), F.setTransportState(W ? "playing" : "stopped");
@@ -4899,139 +4960,140 @@ function Vl(Z = {}) {
     l.setPlaybackSpeed(W);
   }, n = ({ volume: W }) => {
     l.setMasterVolume(W);
-  }, R = ({ partName: W, volume: N }) => {
-    l.setPartVolume(W, N);
-  }, m = ({ partName: W, muted: N }) => {
-    l.setPartMuted(W, N);
-  }, e = ({ partName: W, solo: N }) => {
-    l.setPartSolo(W, N);
+  }, R = ({ partName: W, volume: S }) => {
+    l.setPartVolume(W, S);
+  }, m = ({ partName: W, muted: S }) => {
+    l.setPartMuted(W, S);
+  }, e = ({ partName: W, solo: S }) => {
+    l.setPartSolo(W, S);
   }, c = ({ bars: W }) => {
     l.setLeadInActive(!0, W);
-  }, s = () => {
+  }, b = () => {
     l.setLeadInActive(!1);
-  }, u = () => {
-    l.setStartingNotesActive(!0);
   }, B = () => {
+    l.setStartingNotesActive(!0);
+  }, u = () => {
     l.setStartingNotesActive(!1);
   }, X = ({ mark: W }) => {
     F.updateLastPracticeMarkUsed(W);
-  }, T = ({ parts: W }) => {
+  }, E = ({ parts: W }) => {
     l.initializeParts(W), U.setParts(W);
-  }, I = ({ finalTime: W }) => {
+  }, z = ({ finalTime: W }) => {
     l.setPlaybackState(!1), F.setTransportState("stopped"), console.log(`Song ended at time: ${W}`);
-  }, K = ({ duration: W }) => {
+  }, D = ({ duration: W }) => {
     console.log("Updating total duration in store to:", W), U.setTotalDuration(W);
-  }, H = ({ beats: W, practiceMarks: N, maxBar: _ }) => {
-    console.log(`Updating music data store with ${W.length} beats and ${Object.keys(N).length} practice marks`), U.updateBeats(W), U.practiceMarks = N, U.maxBar = _;
-  }, E = () => {
-    b.on("timeChanged", t), b.on("playbackStateChanged", Q), b.on("barChanged", V), b.on("speedChanged", a), b.on("masterVolumeChanged", n), b.on("partVolumeChanged", R), b.on("partMutedChanged", m), b.on("partSoloChanged", e), b.on("leadInStarted", c), b.on("leadInCompleted", s), b.on("startingNotesStarted", u), b.on("startingNotesCompleted", B), b.on("practiceMarkChanged", X), b.on("initialized", T), b.on("songEnded", I), b.on("durationUpdated", K), b.on("musicDataExtracted", H);
-  }, G = () => {
-    b.off("timeChanged", t), b.off("playbackStateChanged", Q), b.off("barChanged", V), b.off("speedChanged", a), b.off("masterVolumeChanged", n), b.off("partVolumeChanged", R), b.off("partMutedChanged", m), b.off("partSoloChanged", e), b.off("leadInStarted", c), b.off("leadInCompleted", s), b.off("startingNotesStarted", u), b.off("startingNotesCompleted", B), b.off("practiceMarkChanged", X), b.off("initialized", T), b.off("songEnded", I), b.off("durationUpdated", K), b.off("musicDataExtracted", H);
+  }, g = ({ beats: W, practiceMarks: S, maxBar: P }) => {
+    console.log(`Updating music data store with ${W.length} beats and ${Object.keys(S).length} practice marks`), U.updateBeats(W), U.practiceMarks = S, U.maxBar = P;
+  }, j = () => {
+    s.on("timeChanged", Z), s.on("playbackStateChanged", Q), s.on("barChanged", V), s.on("speedChanged", a), s.on("masterVolumeChanged", n), s.on("partVolumeChanged", R), s.on("partMutedChanged", m), s.on("partSoloChanged", e), s.on("leadInStarted", c), s.on("leadInCompleted", b), s.on("startingNotesStarted", B), s.on("startingNotesCompleted", u), s.on("practiceMarkChanged", X), s.on("initialized", E), s.on("songEnded", z), s.on("durationUpdated", D), s.on("musicDataExtracted", g);
+  }, Y = () => {
+    s.off("timeChanged", Z), s.off("playbackStateChanged", Q), s.off("barChanged", V), s.off("speedChanged", a), s.off("masterVolumeChanged", n), s.off("partVolumeChanged", R), s.off("partMutedChanged", m), s.off("partSoloChanged", e), s.off("leadInStarted", c), s.off("leadInCompleted", b), s.off("startingNotesStarted", B), s.off("startingNotesCompleted", u), s.off("practiceMarkChanged", X), s.off("initialized", E), s.off("songEnded", z), s.off("durationUpdated", D), s.off("musicDataExtracted", g);
   };
   (() => {
     kl(() => {
       const W = l.masterVolume;
       try {
-        b.getMasterVolume() !== W && b.setMasterVolume(W);
-      } catch (N) {
-        console.warn("Master volume sync skipped during initialization:", N.message);
+        s.getMasterVolume() !== W && s.setMasterVolume(W);
+      } catch (S) {
+        console.warn("Master volume sync skipped during initialization:", S.message);
       }
     }), kl(() => {
       const W = l.metronomeVolume;
       try {
-        b.getMetronomeVolume() !== W && b.setMetronomeVolume(W);
-      } catch (N) {
-        console.warn("Metronome volume sync skipped during initialization:", N.message);
+        s.getMetronomeVolume() !== W && s.setMetronomeVolume(W);
+      } catch (S) {
+        console.warn("Metronome volume sync skipped during initialization:", S.message);
       }
     });
   })();
-  const Y = async (W) => {
+  const r = async (W) => {
     try {
-      if (l.setLoaded(!1), E(), U.loadMusicData(W), await b.initialize(W, d), !W.midiData && W.beats && W.beats.length > 0) {
-        const N = W.beats[0];
-        l.setCurrentBar(N.bar, N.beat, N.repeat), b.setTime(N.time);
+      if (l.setLoaded(!1), j(), U.loadMusicData(W), await s.initialize(W, d), F.buildFixedNavigationPoints(), !W.midiData && W.beats && W.beats.length > 0) {
+        const S = W.beats[0];
+        l.setCurrentBar(S.bar, S.beat, S.repeat), s.setTime(S.time);
       }
-      b.updateToggleStates(l.metronomeEnabled, l.leadInEnabled), l.setLoaded(!0);
-    } catch (N) {
-      throw console.error("Failed to initialize audio engine:", N), l.setLoaded(!1), N;
+      s.updateToggleStates(l.metronomeEnabled, l.leadInEnabled), l.setLoaded(!0);
+    } catch (S) {
+      throw console.error("Failed to initialize audio engine:", S), l.setLoaded(!1), S;
     }
   }, q = () => {
-    b.play();
-  }, o = () => {
-    b.stop();
-  }, z = () => {
-    b.pause();
-  }, w = (W) => {
-    b.setTime(W);
-  }, i = (W, N = 0) => {
-    b.setBar(W, N);
-  }, S = (W) => {
-    b.goToPracticeMark(W);
+    const W = l.currentBar, S = l.currentRepeat, P = l.currentTime;
+    F.setLastPlayStart(W, S, P), F.setNavigationAction("play"), s.play();
+  }, G = () => {
+    F.setNavigationAction("pause"), s.stop();
+  }, M = () => {
+    F.setNavigationAction("pause"), s.pause();
+  }, O = (W) => {
+    F.setNavigationAction("manual"), s.setTime(W);
+  }, i = (W, S = 0) => {
+    F.setNavigationAction("manual"), s.setBar(W, S);
+  }, o = (W) => {
+    s.goToPracticeMark(W);
   }, k = (W) => {
-    b.setPlaybackSpeed(W);
-  }, v = (W) => {
-    b.setMasterVolume(W);
-  }, O = (W, N) => {
-    b.setPartVolume(W, N);
-  }, al = (W, N) => {
-    b.setPartMuted(W, N);
-  }, ul = (W, N) => {
-    b.setPartSolo(W, N);
+    s.setPlaybackSpeed(W);
+  }, I = (W) => {
+    s.setMasterVolume(W);
+  }, A = (W, S) => {
+    s.setPartVolume(W, S);
+  }, al = (W, S) => {
+    s.setPartMuted(W, S);
+  }, ul = (W, S) => {
+    s.setPartSolo(W, S);
   }, yl = (W = 1) => {
-    b.playLeadIn(W);
-  }, UU = () => {
-    b.playStartingNotes();
-  }, Yl = (W, N = !0, _ = 0) => {
-    N && F.leadInEnabled ? (i(W, _), yl(F.leadInBars)) : (i(W, _), q());
-  }, FU = (W, N = !0) => {
-    const _ = U.getBarForMark(W);
-    _ && Yl(_, N);
-  }, dU = () => {
+    s.playLeadIn(W);
+  }, FU = () => {
+    s.playStartingNotes();
+  }, Yl = (W, S = !0, P = 0) => {
+    S && F.leadInEnabled ? (i(W, P), yl(F.leadInBars)) : (i(W, P), q());
+  }, dU = (W, S = !0) => {
+    const P = U.getBarForMark(W);
+    P && Yl(P, S);
+  }, tU = () => {
     const W = !l.metronomeEnabled;
-    return l.setMetronomeEnabled(W), b.setMetronomeEnabled(W), W;
+    return l.setMetronomeEnabled(W), s.setMetronomeEnabled(W), W;
   }, ZU = () => {
     const W = !l.leadInEnabled;
-    return l.setLeadInEnabled(W), b.updateToggleStates(l.metronomeEnabled, W), W;
+    return l.setLeadInEnabled(W), s.updateToggleStates(l.metronomeEnabled, W), W;
   };
   return cl(() => {
-    G();
+    Y();
   }), {
     // Initialization
-    initialize: Y,
+    initialize: r,
     // Transport controls
     play: q,
-    stop: o,
-    pause: z,
+    stop: G,
+    pause: M,
     // Time controls
-    setTime: w,
+    setTime: O,
     setBar: i,
     // Navigation
-    goToPracticeMark: S,
+    goToPracticeMark: o,
     setPlaybackSpeed: k,
     // Volume controls
-    setMasterVolume: v,
-    setPartVolume: O,
+    setMasterVolume: I,
+    setPartVolume: A,
     setPartMuted: al,
     setPartSolo: ul,
-    getPartLevel: (W) => b.getPartLevel(W),
+    getPartLevel: (W) => s.getPartLevel(W),
     // Special features
     playLeadIn: yl,
-    playStartingNotes: UU,
+    playStartingNotes: FU,
     // Feature toggles
-    toggleMetronome: dU,
+    toggleMetronome: tU,
     toggleLeadIn: ZU,
     setMetronomeEnabled: (W) => {
-      l.setMetronomeEnabled(W), b.setMetronomeEnabled(W);
+      l.setMetronomeEnabled(W), s.setMetronomeEnabled(W);
     },
     // Complex operations
     playFromBar: Yl,
-    playFromMark: FU,
+    playFromMark: dU,
     // Access to stores for components
     audioState: l,
     musicData: U,
     playbackState: F,
     // Direct access to engine for advanced use
-    audioEngine: b
+    audioEngine: s
   };
 }
 const OU = {
@@ -5044,7 +5106,7 @@ const OU = {
     level: {
       type: Number,
       default: 0,
-      validator: (Z) => Z >= 0 && Z <= 1
+      validator: (t) => t >= 0 && t <= 1
     }
   }, {
     volume: { default: 0.75 },
@@ -5055,25 +5117,25 @@ const OU = {
     soloModifiers: {}
   }),
   emits: ["update:volume", "update:mute", "update:solo"],
-  setup(Z) {
-    ll((c) => ({
+  setup(t) {
+    Ul((c) => ({
       "746d5fc3": n.value
     }));
-    const l = Z;
-    Fl();
-    const U = Vl(), F = $(Z, "volume"), d = $(Z, "mute"), t = $(Z, "solo");
-    g(F, (c) => {
+    const l = t;
+    dl();
+    const U = Vl(), F = $(t, "volume"), d = $(t, "mute"), Z = $(t, "solo");
+    v(F, (c) => {
       U.setPartVolume(l.name, c);
-    }), g(d, (c) => {
+    }), v(d, (c) => {
       U.setPartMuted(l.name, c);
-    }), g(t, (c) => {
+    }), v(Z, (c) => {
       U.setPartSolo(l.name, c);
     });
-    const Q = A("el"), { width: V, height: a } = Ul(Q), n = J(() => Math.min(V.value, a.value) + "px"), R = J(
+    const Q = f("el"), { width: V, height: a } = Fl(Q), n = J(() => Math.min(V.value, a.value) + "px"), R = J(
       () => V.value > a.value ? "mobile" : V.value < 60 ? "tablet" : "desktop"
     );
     let m = null;
-    const e = M(0);
+    const e = x(0);
     return bl(() => {
       m = setInterval(() => {
         if (d.value)
@@ -5087,176 +5149,176 @@ const OU = {
       }, 16);
     }), cl(() => {
       m && (clearInterval(m), m = null);
-    }), (c, s) => (p(), y("div", {
+    }), (c, b) => (N(), y("div", {
       ref_key: "el",
       ref: Q,
-      class: C([R.value, "part"])
+      class: L([R.value, "part"])
     }, [
-      x(YU, {
+      C(EU, {
         class: "tri",
         mute: d.value,
-        "onUpdate:mute": s[0] || (s[0] = (u) => d.value = u),
-        solo: t.value,
-        "onUpdate:solo": s[1] || (s[1] = (u) => t.value = u)
+        "onUpdate:mute": b[0] || (b[0] = (B) => d.value = B),
+        solo: Z.value,
+        "onUpdate:solo": b[1] || (b[1] = (B) => Z.value = B)
       }, null, 8, ["mute", "solo"]),
-      x(Ol, {
+      C(Ol, {
         align: "left",
         class: "name"
       }, {
-        default: P(() => [
-          Nl(D(Z.name), 1)
+        default: w(() => [
+          Nl(K(t.name), 1)
         ]),
         _: 1
       }),
-      x(Wl, {
+      C(Wl, {
         level: e.value,
         "show-level": !0,
         class: "vol",
         value: F.value,
-        "onUpdate:value": s[2] || (s[2] = (u) => F.value = u)
+        "onUpdate:value": b[2] || (b[2] = (B) => F.value = B)
       }, null, 8, ["level", "value"])
     ], 2));
   }
-}, AU = /* @__PURE__ */ j(OU, [["__scopeId", "data-v-9ca7f6e9"]]), fU = { class: "mark" }, _U = { class: "rpt" }, $U = { class: "beat-ind" }, lF = { class: "beat" }, UF = {
+}, AU = /* @__PURE__ */ H(OU, [["__scopeId", "data-v-9ca7f6e9"]]), fU = { class: "mark" }, _U = { class: "rpt" }, $U = { class: "beat-ind" }, lF = { class: "beat" }, UF = {
   key: 1,
   class: "mark-grid-container"
-}, FF = { class: "mark-grid" }, dF = ["onClick"], ZF = {
+}, FF = { class: "mark-grid" }, dF = ["onClick"], tF = {
   __name: "BarInput",
-  setup(Z) {
-    ll((i) => ({
+  setup(t) {
+    Ul((i) => ({
       b117cda6: X.value,
-      "7cd7b1c8": T.value
+      "7cd7b1c8": E.value
     }));
-    const l = A("el"), U = A("rpt"), { width: F, height: d } = Ul(l), t = Ql(), Q = Fl(), V = Vl(), a = M("1"), n = M("A"), R = M(0), m = M(2), e = M(!1), c = M(!1), s = M(!1), u = M(!0);
-    let B = null;
-    g(() => {
+    const l = f("el"), U = f("rpt"), { width: F, height: d } = Fl(l), Z = ll(), Q = dl(), V = Vl(), a = x("1"), n = x("A"), R = x(0), m = x(2), e = x(!1), c = x(!1), b = x(!1), B = x(!0);
+    let u = null;
+    v(() => {
       var i;
-      return ((i = t.beats) == null ? void 0 : i.length) > 0;
+      return ((i = Z.beats) == null ? void 0 : i.length) > 0;
     }, (i) => {
-      console.log(i), i && !e.value && (a.value = Q.currentBar.toString(), R.value = Q.currentRepeat, m.value = t.getRepeatCountForBar(Q.currentBar), H(Q.currentBar), e.value = !0);
-    }), g(() => Q.currentBar, (i) => {
-      m.value = t.getRepeatCountForBar(i);
-    }), g(a, () => {
+      console.log(i), i && !e.value && (a.value = Q.currentBar.toString(), R.value = Q.currentRepeat, m.value = Z.getRepeatCountForBar(Q.currentBar), g(Q.currentBar), e.value = !0);
+    }), v(() => Q.currentBar, (i) => {
+      m.value = Z.getRepeatCountForBar(i);
+    }), v(a, () => {
       a.value = a.value.replace(/\D/g, ""), a.value.length > 3 && (a.value = a.value.slice(0, 3));
-    }), g(() => Q.currentBar, (i) => {
-      a.value = i.toString(), H(i);
-    }), g(() => Q.currentBeat, () => {
-      u.value = !0, setTimeout(() => {
-        u.value = !1;
+    }), v(() => Q.currentBar, (i) => {
+      a.value = i.toString(), g(i);
+    }), v(() => Q.currentBeat, () => {
+      B.value = !0, setTimeout(() => {
+        B.value = !1;
       }, 50);
-    }), g(c, () => {
-      c.value && w();
+    }), v(c, () => {
+      c.value && O();
     });
-    const X = J(() => Math.min(d.value / 2.25, F.value / 4.5) + "px"), T = J(() => Math.min(F.value / 15, d.value / 6.4) + "px"), I = J(() => Object.keys(t.practiceMarks).sort()), K = J(() => I.value.length > 0);
-    function H(i) {
-      const S = Object.keys(t.practiceMarks).filter((k) => t.practiceMarks[k] <= i).sort((k, v) => t.practiceMarks[v] - t.practiceMarks[k]);
-      S.length > 0 && (n.value = S[0]);
+    const X = J(() => Math.min(d.value / 2.25, F.value / 4.5) + "px"), E = J(() => Math.min(F.value / 15, d.value / 6.4) + "px"), z = J(() => Object.keys(Z.practiceMarks).sort()), D = J(() => z.value.length > 0);
+    function g(i) {
+      const o = Object.keys(Z.practiceMarks).filter((k) => Z.practiceMarks[k] <= i).sort((k, I) => Z.practiceMarks[I] - Z.practiceMarks[k]);
+      o.length > 0 && (n.value = o[0]);
     }
-    function E() {
+    function j() {
       const i = parseInt(a.value);
-      i && i > 0 && G(i);
+      i && i > 0 && Y(i);
     }
-    function G(i) {
+    function Y(i) {
       V.setBar(i, 0);
     }
-    function L(i, S) {
-      S && S.stopPropagation(), n.value = i, c.value = !1, V.goToPracticeMark(i);
+    function p(i, o) {
+      o && o.stopPropagation(), n.value = i, c.value = !1, V.goToPracticeMark(i);
     }
-    function Y() {
-      m.value > 1 && (s.value = !0), Q.currentRepeat < m.value && V.setBar(Q.currentBar, Q.currentRepeat + 1);
+    function r() {
+      m.value > 1 && (b.value = !0), Q.currentRepeat < m.value && V.setBar(Q.currentBar, Q.currentRepeat + 1);
     }
     function q() {
-      m.value > 1 && (s.value = !0), Q.currentRepeat > 1 && V.setBar(Q.currentBar, Q.currentRepeat - 1);
+      m.value > 1 && (b.value = !0), Q.currentRepeat > 1 && V.setBar(Q.currentBar, Q.currentRepeat - 1);
     }
-    function o(i) {
-      K.value && (i.stopPropagation(), s.value = !1, c.value = !c.value);
+    function G(i) {
+      D.value && (i.stopPropagation(), b.value = !1, c.value = !c.value);
     }
-    function z(i) {
-      var S, k;
-      (S = l.value) != null && S.contains(i.target) || (c.value = !1), (k = U.value) != null && k.contains(i.target) || (s.value = !1);
+    function M(i) {
+      var o, k;
+      (o = l.value) != null && o.contains(i.target) || (c.value = !1), (k = U.value) != null && k.contains(i.target) || (b.value = !1);
     }
-    function w() {
+    function O() {
       c.value && setTimeout(() => {
-        var k, v;
-        const i = (k = l.value) == null ? void 0 : k.querySelector(".mark-grid"), S = (v = l.value) == null ? void 0 : v.querySelector(".mark-option.selected");
-        if (S && i) {
-          const O = i.getBoundingClientRect(), al = S.getBoundingClientRect(), ul = al.left - O.left - O.width / 2 + al.width / 2;
+        var k, I;
+        const i = (k = l.value) == null ? void 0 : k.querySelector(".mark-grid"), o = (I = l.value) == null ? void 0 : I.querySelector(".mark-option.selected");
+        if (o && i) {
+          const A = i.getBoundingClientRect(), al = o.getBoundingClientRect(), ul = al.left - A.left - A.width / 2 + al.width / 2;
           i.scrollLeft = Math.max(0, i.scrollLeft + ul);
         }
       }, 50);
     }
     return bl(() => {
-      document.addEventListener("click", z), Al("beatAnimation") && (B = setInterval(() => {
-        const i = Q.currentBeat % t.timeSignature + 1;
+      document.addEventListener("click", M), Al("beatAnimation") && (u = setInterval(() => {
+        const i = Q.currentBeat % Z.timeSignature + 1;
         Q.setCurrentBar(Q.currentBar, i, Q.currentRepeat);
       }, 800));
     }), cl(() => {
-      document.removeEventListener("click", z), B && (clearInterval(B), B = null);
-    }), (i, S) => (p(), y("div", {
+      document.removeEventListener("click", M), u && (clearInterval(u), u = null);
+    }), (i, o) => (N(), y("div", {
       ref_key: "el",
       ref: l,
-      class: C(["outer", { pulse: u.value, "mark-selecting": c.value }])
+      class: L(["outer", { pulse: B.value, "mark-selecting": c.value }])
     }, [
-      S[6] || (S[6] = h("div", { class: "frame" }, null, -1)),
+      o[6] || (o[6] = h("div", { class: "frame" }, null, -1)),
       h("div", {
-        class: C(["mark-input", { empty: !n.value, edit: c.value, disabled: !K.value }]),
-        onClick: o
+        class: L(["mark-input", { empty: !n.value, edit: c.value, disabled: !D.value }]),
+        onClick: G
       }, [
-        h("div", fU, D(K.value ? n.value : "-"), 1)
+        h("div", fU, K(D.value ? n.value : "-"), 1)
       ], 2),
-      S[7] || (S[7] = h("div", { class: "mark-title" }, "Mark", -1)),
-      c.value ? f("", !0) : (p(), y(nl, { key: 0 }, [
+      o[7] || (o[7] = h("div", { class: "mark-title" }, "Mark", -1)),
+      c.value ? _("", !0) : (N(), y(nl, { key: 0 }, [
         Kl(h("input", {
           type: "text",
           class: "bar-input",
-          "onUpdate:modelValue": S[0] || (S[0] = (k) => a.value = k),
+          "onUpdate:modelValue": o[0] || (o[0] = (k) => a.value = k),
           inputmode: "decimal",
           pattern: "\\d*",
-          onChange: E,
-          onKeyup: QU(E, ["enter"])
+          onChange: j,
+          onKeyup: VU(j, ["enter"])
         }, null, 544), [
           [Hl, a.value]
         ]),
-        S[3] || (S[3] = h("div", { class: "bar-title" }, "Bar", -1)),
+        o[3] || (o[3] = h("div", { class: "bar-title" }, "Bar", -1)),
         h("div", {
           ref_key: "rpt",
           ref: U,
-          class: C(["rpt-input", { edit: s.value, available: m.value > 1 }])
+          class: L(["rpt-input", { edit: b.value, available: m.value > 1 }])
         }, [
-          h("div", _U, D(r(Q).currentRepeat || "-"), 1),
-          (p(), y("svg", {
-            class: C(["inc", { disabled: r(Q).currentRepeat >= m.value }]),
+          h("div", _U, K(T(Q).currentRepeat || "-"), 1),
+          (N(), y("svg", {
+            class: L(["inc", { disabled: T(Q).currentRepeat >= m.value }]),
             viewBox: "0 -100 100 100",
-            onClick: Tl(Y, ["prevent"])
-          }, S[1] || (S[1] = [
+            onClick: Tl(r, ["prevent"])
+          }, o[1] || (o[1] = [
             h("path", { d: "m10-20 40-60 40 60H10Z" }, null, -1)
           ]), 2)),
-          (p(), y("svg", {
-            class: C(["dec", { disabled: r(Q).currentRepeat <= 1 }]),
+          (N(), y("svg", {
+            class: L(["dec", { disabled: T(Q).currentRepeat <= 1 }]),
             viewBox: "0 -100 100 100",
             onClick: Tl(q, ["prevent"])
-          }, S[2] || (S[2] = [
+          }, o[2] || (o[2] = [
             h("path", { d: "m10-80 40 60 40-60H10Z" }, null, -1)
           ]), 2))
         ], 2),
-        S[4] || (S[4] = h("div", { class: "rpt-title" }, "Rpt", -1)),
+        o[4] || (o[4] = h("div", { class: "rpt-title" }, "Rpt", -1)),
         h("div", $U, [
-          h("div", lF, D(r(Q).currentBeat), 1)
+          h("div", lF, K(T(Q).currentBeat), 1)
         ]),
-        S[5] || (S[5] = h("div", { class: "beat-title" }, "Beat", -1))
+        o[5] || (o[5] = h("div", { class: "beat-title" }, "Beat", -1))
       ], 64)),
-      c.value ? (p(), y("div", UF, [
+      c.value ? (N(), y("div", UF, [
         h("div", FF, [
-          (p(!0), y(nl, null, Xl(I.value, (k) => (p(), y("div", {
+          (N(!0), y(nl, null, Xl(z.value, (k) => (N(), y("div", {
             key: k,
-            class: C(["mark-option", { selected: k === n.value }]),
-            onClick: (v) => L(k, v)
-          }, D(k), 11, dF))), 128))
+            class: L(["mark-option", { selected: k === n.value }]),
+            onClick: (I) => p(k, I)
+          }, K(k), 11, dF))), 128))
         ])
-      ])) : f("", !0)
+      ])) : _("", !0)
     ], 2));
   }
-}, tF = /* @__PURE__ */ j(ZF, [["__scopeId", "data-v-6281baf2"]]), QF = { class: "title" }, VF = {
+}, ZF = /* @__PURE__ */ H(tF, [["__scopeId", "data-v-6281baf2"]]), QF = { class: "title" }, VF = {
   __name: "BaseNumericInput",
   props: /* @__PURE__ */ Sl({
     title: {
@@ -5293,23 +5355,23 @@ const OU = {
     },
     formatValue: {
       type: Function,
-      default: (Z) => Z.toString()
+      default: (t) => t.toString()
     },
     parseValue: {
       type: Function,
-      default: (Z) => parseFloat(Z)
+      default: (t) => parseFloat(t)
     },
     validateInput: {
       type: Function,
-      default: (Z) => Z.replace(/[^0-9.]/g, "")
+      default: (t) => t.replace(/[^0-9.]/g, "")
     },
     transformSliderToDisplay: {
       type: Function,
-      default: (Z) => Z
+      default: (t) => t
     },
     transformDisplayToSlider: {
       type: Function,
-      default: (Z) => Z
+      default: (t) => t
     },
     maxChars: {
       type: Number,
@@ -5320,28 +5382,28 @@ const OU = {
     valueModifiers: {}
   }),
   emits: ["update:value"],
-  setup(Z) {
-    ll((R) => ({
-      "0d0963e0": Z.textColor,
-      "4ad34b2f": Z.backgroundColor,
-      "02156786": Z.color,
+  setup(t) {
+    Ul((R) => ({
+      "0d0963e0": t.textColor,
+      "4ad34b2f": t.backgroundColor,
+      "02156786": t.color,
       "715a9528": a.value,
       "30d64f7d": V.value,
-      b8fbe65e: Z.focusColor
+      b8fbe65e: t.focusColor
     }));
-    const l = Z, U = A("el"), { width: F, height: d } = Ul(U), t = $(Z, "value"), Q = M(l.formatValue(l.transformSliderToDisplay(t.value)));
-    g(t, () => {
-      const R = l.transformSliderToDisplay(t.value);
+    const l = t, U = f("el"), { width: F, height: d } = Fl(U), Z = $(t, "value"), Q = x(l.formatValue(l.transformSliderToDisplay(Z.value)));
+    v(Z, () => {
+      const R = l.transformSliderToDisplay(Z.value);
       Q.value = l.formatValue(R);
-    }), g(Q, () => {
+    }), v(Q, () => {
       Q.value = l.validateInput(Q.value), l.maxChars && Q.value.length > l.maxChars && (Q.value = Q.value.slice(0, l.maxChars));
     });
     const V = J(() => Math.min(d.value / 2.25, F.value / 2.2) + "px"), a = J(() => Math.min(F.value / 3, d.value / 6.4) + "px");
     function n() {
       const R = l.parseValue(Q.value), m = l.transformDisplayToSlider(R);
-      t.value = Math.min(Math.max(m, l.sliderMin), l.sliderMax);
+      Z.value = Math.min(Math.max(m, l.sliderMin), l.sliderMax);
     }
-    return (R, m) => (p(), y("div", {
+    return (R, m) => (N(), y("div", {
       class: "outer",
       ref_key: "el",
       ref: U
@@ -5357,38 +5419,38 @@ const OU = {
       }, null, 544), [
         [Hl, Q.value]
       ]),
-      h("div", QF, D(Z.title), 1),
-      x(Wl, {
+      h("div", QF, K(t.title), 1),
+      C(Wl, {
         class: "slider",
-        value: t.value,
-        "onUpdate:value": m[1] || (m[1] = (e) => t.value = e),
-        "thumb-length": Z.thumbLength,
-        max: Z.sliderMax,
-        min: Z.sliderMin
+        value: Z.value,
+        "onUpdate:value": m[1] || (m[1] = (e) => Z.value = e),
+        "thumb-length": t.thumbLength,
+        max: t.sliderMax,
+        min: t.sliderMin
       }, null, 8, ["value", "thumb-length", "max", "min"])
     ], 512));
   }
-}, lU = /* @__PURE__ */ j(VF, [["__scopeId", "data-v-79c7a539"]]), aF = {
+}, UU = /* @__PURE__ */ H(VF, [["__scopeId", "data-v-79c7a539"]]), aF = {
   __name: "SpeedInput",
-  setup(Z) {
-    const l = Fl(), U = Vl(), F = J({
+  setup(t) {
+    const l = dl(), U = Vl(), F = J({
       get: () => Math.log2(l.playbackSpeed) * 0.5 + 0.5,
       set: (n) => {
         const R = Math.pow(2, n * 2 - 1);
         U.setPlaybackSpeed(R);
       }
-    }), d = (n) => Math.floor(Math.pow(2, n * 2 - 1) * 100 + 0.5) + "", t = (n) => parseFloat(n), Q = (n) => n.replace(/\D/g, ""), V = (n) => n, a = (n) => {
+    }), d = (n) => Math.floor(Math.pow(2, n * 2 - 1) * 100 + 0.5) + "", Z = (n) => parseFloat(n), Q = (n) => n.replace(/\D/g, ""), V = (n) => n, a = (n) => {
       const R = Math.log2(n / 100) * 0.5 + 0.5;
       return Math.min(Math.max(R, 0), 1);
     };
-    return (n, R) => (p(), Rl(lU, {
+    return (n, R) => (N(), Rl(UU, {
       value: F.value,
       "onUpdate:value": R[0] || (R[0] = (m) => F.value = m),
       title: "Speed",
       color: "#336",
       "text-color": "#aad",
       "format-value": d,
-      "parse-value": t,
+      "parse-value": Z,
       "validate-input": Q,
       "transform-slider-to-display": V,
       "transform-display-to-slider": a,
@@ -5398,23 +5460,23 @@ const OU = {
   }
 }, nF = {
   __name: "TimeInput",
-  setup(Z) {
-    const l = Fl(), U = Ql(), F = Vl(), d = (n) => n.toFixed(1), t = (n) => parseFloat(n), Q = (n) => n.replace(/[^0-9.]/g, ""), V = (n) => n, a = (n) => n;
-    return (n, R) => (p(), Rl(lU, {
-      value: r(l).currentTime,
+  setup(t) {
+    const l = dl(), U = ll(), F = Vl(), d = (n) => n.toFixed(1), Z = (n) => parseFloat(n), Q = (n) => n.replace(/[^0-9.]/g, ""), V = (n) => n, a = (n) => n;
+    return (n, R) => (N(), Rl(UU, {
+      value: T(l).currentTime,
       "onUpdate:value": [
-        R[0] || (R[0] = (m) => r(l).currentTime = m),
-        r(F).setTime
+        R[0] || (R[0] = (m) => T(l).currentTime = m),
+        T(F).setTime
       ],
       title: "Time",
       color: "#344",
       "focus-color": "#556868",
       "text-color": "#acc",
       "background-color": "#111117",
-      "slider-max": r(U).totalDuration,
+      "slider-max": T(U).totalDuration,
       "slider-min": 0,
       "format-value": d,
-      "parse-value": t,
+      "parse-value": Z,
       "validate-input": Q,
       "transform-slider-to-display": V,
       "transform-display-to-slider": a,
@@ -5423,20 +5485,20 @@ const OU = {
   }
 }, RF = { class: "inner" }, mF = {
   __name: "AudioButton",
-  setup(Z) {
-    const l = M(!1), U = () => l.value = !0, F = () => l.value = !1;
-    return (d, t) => (p(), y("div", {
-      class: C(["button-outer", { down: l.value }]),
+  setup(t) {
+    const l = x(!1), U = () => l.value = !0, F = () => l.value = !1;
+    return (d, Z) => (N(), y("div", {
+      class: L(["button-outer", { down: l.value }]),
       onPointerdown: U,
       onPointerup: F,
       onPointerleave: F
     }, [
       h("div", RF, [
-        tl(d.$slots, "default", {}, void 0, !0)
+        Ql(d.$slots, "default", {}, void 0, !0)
       ])
     ], 34));
   }
-}, dl = /* @__PURE__ */ j(mF, [["__scopeId", "data-v-0d7af06e"]]), eF = { class: "outer" }, WF = { class: "title" }, cF = { class: "buttons" }, bF = {
+}, tl = /* @__PURE__ */ H(mF, [["__scopeId", "data-v-0d7af06e"]]), eF = { class: "outer" }, WF = { class: "title" }, cF = { class: "buttons" }, bF = {
   class: "icon",
   viewBox: "0 0 48 48"
 }, sF = ["d"], hF = {
@@ -5449,125 +5511,118 @@ const OU = {
     }
   },
   emits: ["menu-click"],
-  setup(Z, { emit: l }) {
-    const U = Z, F = l, d = Ql(), t = Fl(), Q = Vl();
-    function V() {
-      t.isPlaying ? Q.stop() : Q.play();
-    }
+  setup(t, { emit: l }) {
+    const U = t, F = l, d = ll(), Z = dl(), Q = fl(), V = Vl();
     function a() {
-      const E = t.currentTime, G = d.beats.filter((Y) => Y.beat === 1).sort((Y, q) => Y.time - q.time);
-      let L = null;
-      for (let Y = G.length - 1; Y >= 0; Y--)
-        if (G[Y].time < E) {
-          L = G[Y];
-          break;
-        }
-      L && Q.setBar(L.bar, L.repeat);
+      Z.isPlaying ? V.stop() : V.play();
     }
     function n() {
-      const E = t.currentTime, G = d.beats.filter((Y) => Y.beat === 1).sort((Y, q) => Y.time - q.time);
-      let L = null;
-      for (let Y = 0; Y < G.length; Y++)
-        if (G[Y].time > E) {
-          L = G[Y];
-          break;
-        }
-      L && Q.setBar(L.bar, L.repeat);
+      const Y = Q.navigationPoints;
+      if (Q.lastNavigationAction === "pause" && Q.lastPlayStartTime !== null) {
+        V.setTime(Q.lastPlayStartTime), Q.setNavigationAction(null);
+        return;
+      }
+      const p = Z.currentTime, r = Y.filter((q) => q.time < p - 0.01).pop();
+      r && V.setTime(r.time);
     }
     function R() {
-      Q.playStartingNotes();
+      const Y = Q.navigationPoints, p = Z.currentTime, r = Y.find((q) => q.time > p + 0.01);
+      r && V.setTime(r.time);
+    }
+    function m() {
+      V.playStartingNotes();
     }
-    const m = J(() => t.metronomeEnabled), e = J(() => t.leadInEnabled), c = M(!1), s = M(null);
+    const e = J(() => Z.metronomeEnabled), c = J(() => Z.leadInEnabled), b = x(!1), B = x(null);
     function u() {
       if (U.externalMenuControl) {
-        F("menu-click"), Q.audioEngine.initializeAudioSystem().catch((E) => {
-          console.warn("Audio system pre-initialization failed:", E);
+        F("menu-click"), V.audioEngine.initializeAudioSystem().catch((Y) => {
+          console.warn("Audio system pre-initialization failed:", Y);
         });
         return;
       }
-      c.value = !c.value, c.value && Q.audioEngine.initializeAudioSystem().catch((E) => {
-        console.warn("Audio system pre-initialization failed:", E);
+      b.value = !b.value, b.value && V.audioEngine.initializeAudioSystem().catch((Y) => {
+        console.warn("Audio system pre-initialization failed:", Y);
       });
     }
-    function B() {
-      c.value = !1;
+    function X() {
+      b.value = !1;
     }
-    function X(E) {
-      s.value && !s.value.contains(E.target) && B();
+    function E(Y) {
+      B.value && !B.value.contains(Y.target) && X();
     }
     bl(() => {
-      document.addEventListener("click", X);
+      document.addEventListener("click", E);
     }), cl(() => {
-      document.removeEventListener("click", X);
+      document.removeEventListener("click", E);
     });
-    function T() {
-      Q.toggleMetronome();
+    function z() {
+      V.toggleMetronome();
     }
-    function I() {
-      Q.toggleLeadIn();
+    function D() {
+      V.toggleLeadIn();
     }
-    const K = J({
-      get: () => t.masterVolume,
-      set: (E) => t.setMasterVolume(E)
-    }), H = J({
-      get: () => t.metronomeVolume,
-      set: (E) => t.setMetronomeVolume(E)
+    const g = J({
+      get: () => Z.masterVolume,
+      set: (Y) => Z.setMasterVolume(Y)
+    }), j = J({
+      get: () => Z.metronomeVolume,
+      set: (Y) => Z.setMetronomeVolume(Y)
     });
-    return (E, G) => (p(), y("div", eF, [
+    return (Y, p) => (N(), y("div", eF, [
       h("div", WF, [
-        x(Ol, {
+        C(Ol, {
           class: "text",
           align: "centre"
         }, {
-          default: P(() => [
-            Nl(D(r(d).title), 1)
+          default: w(() => [
+            Nl(K(T(d).title), 1)
           ]),
           _: 1
         }),
         h("div", {
           class: "menu-container",
           ref_key: "menuRef",
-          ref: s
+          ref: B
         }, [
-          (p(), y("svg", {
+          (N(), y("svg", {
             class: "menu",
             viewBox: "0 -960 960 960",
             onClick: u
-          }, G[2] || (G[2] = [
+          }, p[2] || (p[2] = [
             h("path", { d: "M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z" }, null, -1)
           ]))),
-          !Z.externalMenuControl && c.value && E.$slots.menu ? (p(), y("div", {
+          !t.externalMenuControl && b.value && Y.$slots.menu ? (N(), y("div", {
             key: 0,
             class: "dropdown-menu",
-            onClick: B
+            onClick: X
           }, [
-            tl(E.$slots, "menu", {}, void 0, !0)
-          ])) : f("", !0)
+            Ql(Y.$slots, "menu", {}, void 0, !0)
+          ])) : _("", !0)
         ], 512)
       ]),
-      x(Wl, {
+      C(Wl, {
         class: "main",
         colour: "red",
-        value: K.value,
-        "onUpdate:value": G[0] || (G[0] = (L) => K.value = L)
+        value: g.value,
+        "onUpdate:value": p[0] || (p[0] = (r) => g.value = r)
       }, null, 8, ["value"]),
-      x(Wl, {
+      C(Wl, {
         class: "tick",
         colour: "blue",
-        value: H.value,
-        "onUpdate:value": G[1] || (G[1] = (L) => H.value = L)
+        value: j.value,
+        "onUpdate:value": p[1] || (p[1] = (r) => j.value = r)
       }, null, 8, ["value"]),
-      G[8] || (G[8] = h("div", { class: "main-t" }, "Main", -1)),
-      G[9] || (G[9] = h("div", { class: "tick-t" }, "Tick", -1)),
-      x(tF, { class: "bar" }),
-      x(nF, { class: "time" }),
-      x(aF, { class: "speed" }),
+      p[8] || (p[8] = h("div", { class: "main-t" }, "Main", -1)),
+      p[9] || (p[9] = h("div", { class: "tick-t" }, "Tick", -1)),
+      C(ZF, { class: "bar" }),
+      C(nF, { class: "time" }),
+      C(aF, { class: "speed" }),
       h("div", cF, [
-        x(dl, {
+        C(tl, {
           class: "button",
-          onClick: a
+          onClick: n
         }, {
-          default: P(() => G[3] || (G[3] = [
+          default: w(() => p[3] || (p[3] = [
             h("svg", {
               class: "icon",
               viewBox: "0 0 48 48"
@@ -5578,24 +5633,24 @@ const OU = {
           _: 1,
           __: [3]
         }),
-        x(dl, {
+        C(tl, {
           class: "button",
-          onClick: V
+          onClick: a
         }, {
-          default: P(() => [
-            (p(), y("svg", bF, [
+          default: w(() => [
+            (N(), y("svg", bF, [
               h("path", {
-                d: r(t).isPlaying ? "M27.4 35.4V12.6h8v22.8Zm-14.8 0V12.6h8.05v22.8Z" : "M16 37.85v-28l22 14Z"
+                d: T(Z).isPlaying ? "M27.4 35.4V12.6h8v22.8Zm-14.8 0V12.6h8.05v22.8Z" : "M16 37.85v-28l22 14Z"
               }, null, 8, sF)
             ]))
           ]),
           _: 1
         }),
-        x(dl, {
+        C(tl, {
           class: "button",
-          onClick: n
+          onClick: R
         }, {
-          default: P(() => G[4] || (G[4] = [
+          default: w(() => p[4] || (p[4] = [
             h("svg", {
               class: "icon",
               viewBox: "0 0 48 48"
@@ -5606,39 +5661,39 @@ const OU = {
           _: 1,
           __: [4]
         }),
-        x(dl, {
+        C(tl, {
           class: "button",
-          onClick: T
+          onClick: z
         }, {
-          default: P(() => [
-            (p(), y("svg", {
-              class: C(["icon", m.value ? "on" : "off"]),
+          default: w(() => [
+            (N(), y("svg", {
+              class: L(["icon", e.value ? "on" : "off"]),
               viewBox: "-128 -128 768 768"
-            }, G[5] || (G[5] = [
+            }, p[5] || (p[5] = [
               h("path", { d: "m 463.84136,154.89339 c -6.42,-6.42 -16.83,-6.42 -23.251,0 -71.31197,70.35135 -136.61146,132.25426 -208.741,199.7 h -105.82 c 23.35495,-140.1063 67.13099,-217.59716 120.727,-318.357996 0.86,-0.803 2.209,-0.801 3.067,-10e-4 20.50653,37.383983 48.51152,88.812606 72.26194,147.190756 1.186,9.002 12.2214,17.4338 23.3242,11.71391 9.002,-1.186 11.1594,-12.2324 9.9724,-21.2344 -21.69905,-53.89113 -30.43965,-85.078342 -83.11454,-161.702266 -13.446,-12.55299965 -34.508,-12.55699965 -47.954,10e-4 C 126.80877,149.30021 96.099465,324.74626 77.091365,474.25139 c -2.829,21.473 13.907,40.535 35.543995,40.535 h 271.311 c 21.661,0 38.373,-19.087 35.544,-40.535 -8.26237,-52.34207 -14.88466,-100.7074 -24.7871,-157.02622 -6.40949,-11.78839 -8.3911,-14.9907 -17.4031,-13.8037 -9.002,1.186 -13.59751,8.0528 -12.41051,17.0548 l 5.66371,34.11712 h -83.159 c 64.35441,-63.86663 129.29308,-130.29894 176.448,-176.449 6.42,-6.42 6.42,-16.83 -10e-4,-23.251 z m -88.956,232.582 12.004,91.074 c 0.112,0.846 -0.148,1.701 -0.708,2.341 -0.566,0.645 -1.38,1.014 -2.235,1.014 h -271.311 c -0.855,0 -1.668,-0.369 -2.231,-1.011 -0.564,-0.643 -0.824,-1.499 -0.712,-2.347 l 12.003,-91.072 h 253.19 z" }, null, -1)
             ]), 2))
           ]),
           _: 1
         }),
-        x(dl, {
+        C(tl, {
           class: "button",
-          onClick: I
+          onClick: D
         }, {
-          default: P(() => [
-            (p(), y("svg", {
-              class: C(["icon", e.value ? "on" : "off"]),
+          default: w(() => [
+            (N(), y("svg", {
+              class: L(["icon", c.value ? "on" : "off"]),
               viewBox: "-2 -2 28 28"
-            }, G[6] || (G[6] = [
+            }, p[6] || (p[6] = [
               h("path", { d: "m 8.9838564,1.5166215 v 2 h 5.9999996 v -2 z m 2.9999996,3 c -4.9699996,0 -8.9999996,4.0299999 -8.9999996,8.9999995 0,4.97 4.02,9 8.9999996,9 4.98,0 9,-4.03 9,-9 0,-2.12 -0.740703,-4.0693745 -1.970703,-5.6093745 l 1.419922,-1.421875 c -0.43,-0.51 -0.900156,-0.9882031 -1.410156,-1.4082031 l -1.419922,1.4199219 c -1.55,-1.24 -3.499141,-1.9804688 -5.619141,-1.9804688 z m -1.789062,4.7480469 6,4.4999996 -6,4.5 z" }, null, -1)
             ]), 2))
           ]),
           _: 1
         }),
-        x(dl, {
+        C(tl, {
           class: "button",
-          onClick: R
+          onClick: m
         }, {
-          default: P(() => G[7] || (G[7] = [
+          default: w(() => p[7] || (p[7] = [
             h("svg", {
               class: "icon",
               viewBox: "0 -960 960 960"
@@ -5653,7 +5708,7 @@ const OU = {
       ])
     ]));
   }
-}, BF = /* @__PURE__ */ j(hF, [["__scopeId", "data-v-267b0f7a"]]), iF = { class: "init-progress" }, uF = {
+}, BF = /* @__PURE__ */ H(hF, [["__scopeId", "data-v-5e330688"]]), iF = { class: "init-progress" }, uF = {
   key: 0,
   class: "progress-track"
 }, JF = { class: "message-container" }, GF = {
@@ -5685,23 +5740,23 @@ const OU = {
       default: null
     }
   },
-  setup(Z) {
-    const l = Z, U = J(() => l.progress !== null), F = J(() => l.progress === null ? 0 : Math.max(0, Math.min(100, l.progress * 100))), d = J(() => l.hasError ? l.errorMessage : l.message);
-    return (t, Q) => (p(), y("div", iF, [
-      U.value ? (p(), y("div", uF, [
+  setup(t) {
+    const l = t, U = J(() => l.progress !== null), F = J(() => l.progress === null ? 0 : Math.max(0, Math.min(100, l.progress * 100))), d = J(() => l.hasError ? l.errorMessage : l.message);
+    return (Z, Q) => (N(), y("div", iF, [
+      U.value ? (N(), y("div", uF, [
         h("div", {
           class: "progress-fill",
           style: gl({ width: `${F.value}%` })
         }, null, 4)
-      ])) : f("", !0),
+      ])) : _("", !0),
       h("div", JF, [
         h("div", {
-          class: C(["message", { error: Z.hasError }])
-        }, D(d.value), 3)
+          class: L(["message", { error: t.hasError }])
+        }, K(d.value), 3)
       ])
     ]));
   }
-}, oF = /* @__PURE__ */ j(GF, [["__scopeId", "data-v-a9ed87f2"]]), SF = sl("initialization", {
+}, oF = /* @__PURE__ */ H(GF, [["__scopeId", "data-v-a9ed87f2"]]), SF = sl("initialization", {
   state: () => ({
     // Current initialization stage
     currentStage: null,
@@ -5725,15 +5780,15 @@ const OU = {
      * @param {string} event.message - Human-readable message
      * @param {number} [event.progress] - Optional progress (0-1)
      */
-    updateProgress(Z) {
-      this.currentStage = Z.stage, this.message = Z.message, this.progress = Z.progress ?? null, Z.stage === "ready" ? (this.isInitializing = !1, this.isReady = !0) : (this.isInitializing = !0, this.isReady = !1), this.hasError = !1, this.errorMessage = null;
+    updateProgress(t) {
+      this.currentStage = t.stage, this.message = t.message, this.progress = t.progress ?? null, t.stage === "ready" ? (this.isInitializing = !1, this.isReady = !0) : (this.isInitializing = !0, this.isReady = !1), this.hasError = !1, this.errorMessage = null;
     },
     /**
      * Set error state
      * @param {string} message - Error message
      */
-    setError(Z) {
-      this.hasError = !0, this.errorMessage = Z, this.isInitializing = !1, this.isReady = !1;
+    setError(t) {
+      this.hasError = !0, this.errorMessage = t, this.isInitializing = !1, this.isReady = !1;
     },
     /**
      * Reset initialization state
@@ -5746,8 +5801,8 @@ const OU = {
      * Should be called once during app startup
      */
     initializeListeners() {
-      b.on("initProgress", (Z) => {
-        this.updateProgress(Z);
+      s.on("initProgress", (t) => {
+        this.updateProgress(t);
       });
     }
   },
@@ -5755,12 +5810,12 @@ const OU = {
     /**
      * Whether to show the progress indicator
      */
-    shouldShowProgress: (Z) => Z.isInitializing || Z.hasError,
+    shouldShowProgress: (t) => t.isInitializing || t.hasError,
     /**
      * Whether the progress bar should be visible
      * Only show for stages that have progress data
      */
-    hasProgressBar: (Z) => Z.progress !== null
+    hasProgressBar: (t) => t.progress !== null
   }
 }), XF = { class: "container" }, NF = { class: "panel" }, pF = {
   key: 0,
@@ -5780,19 +5835,19 @@ const OU = {
     }
   },
   emits: ["menu-click"],
-  setup(Z, { emit: l }) {
-    ll((s) => ({
+  setup(t, { emit: l }) {
+    Ul((b) => ({
       "3579bdbc": m.value,
       "3572ead6": e.value,
       "78cf8203": c.value
     }));
-    const U = Z, F = l, d = Ql(), t = Fl(), Q = SF();
+    const U = t, F = l, d = ll(), Z = dl(), Q = SF();
     bl(() => {
       Q.initializeListeners();
     });
-    const V = A("container"), { width: a } = Ul(V), n = J(() => t.isLoaded), R = J(() => {
-      const s = a.value, u = d.parts.length;
-      return s < 640 || s < Cl * u + zl ? 0 : s < xl * u + Il ? 1 : s < Ml * u + vl ? 2 : 3;
+    const V = f("container"), { width: a } = Fl(V), n = J(() => Z.isLoaded), R = J(() => {
+      const b = a.value, B = d.parts.length;
+      return b < 640 || b < Cl * B + zl ? 0 : b < xl * B + Il ? 1 : b < Ml * B + vl ? 2 : 3;
     }), m = J(() => {
       switch (R.value) {
         case 0:
@@ -5816,54 +5871,54 @@ const OU = {
           return `${Ml}px `.repeat(d.parts.length) + `${vl}px`;
       }
     }), c = J(() => {
-      const s = [...d.parts.keys()];
-      return R.value > 0 ? '"' + s.map((u) => "part" + u).join(" ") + ' controls"' : '"controls" ' + s.map((u) => '"part' + u + '"').join(" ");
+      const b = [...d.parts.keys()];
+      return R.value > 0 ? '"' + b.map((B) => "part" + B).join(" ") + ' controls"' : '"controls" ' + b.map((B) => '"part' + B + '"').join(" ");
     });
-    return (s, u) => (p(), y("div", {
+    return (b, B) => (N(), y("div", {
       class: "outer",
       ref_key: "container",
       ref: V
     }, [
       h("div", XF, [
         h("div", NF, [
-          (p(!0), y(nl, null, Xl(r(d).parts, (B, X) => (p(), Rl(AU, {
-            key: B.name,
-            class: C("part" + X),
-            name: B.name,
-            volume: B.volume,
-            "onUpdate:volume": (T) => B.volume = T,
-            solo: B.solo,
-            "onUpdate:solo": (T) => B.solo = T,
-            mute: B.mute,
-            "onUpdate:mute": (T) => B.mute = T,
+          (N(!0), y(nl, null, Xl(T(d).parts, (u, X) => (N(), Rl(AU, {
+            key: u.name,
+            class: L("part" + X),
+            name: u.name,
+            volume: u.volume,
+            "onUpdate:volume": (E) => u.volume = E,
+            solo: u.solo,
+            "onUpdate:solo": (E) => u.solo = E,
+            mute: u.mute,
+            "onUpdate:mute": (E) => u.mute = E,
             ref_for: !0,
             ref: "parts"
           }, null, 8, ["class", "name", "volume", "onUpdate:volume", "solo", "onUpdate:solo", "mute", "onUpdate:mute"]))), 128)),
-          x(BF, {
-            title: r(d).title,
+          C(BF, {
+            title: T(d).title,
             "external-menu-control": U.externalMenuControl,
-            onMenuClick: u[0] || (u[0] = (B) => F("menu-click")),
+            onMenuClick: B[0] || (B[0] = (u) => F("menu-click")),
             class: "controls"
           }, {
-            menu: P(() => [
-              tl(s.$slots, "menu", {}, void 0, !0)
+            menu: w(() => [
+              Ql(b.$slots, "menu", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["title", "external-menu-control"]),
-          n.value ? f("", !0) : (p(), y("div", pF)),
-          U.showInitProgress && r(Q).shouldShowProgress ? (p(), Rl(oF, {
+          n.value ? _("", !0) : (N(), y("div", pF)),
+          U.showInitProgress && T(Q).shouldShowProgress ? (N(), Rl(oF, {
             key: 1,
-            stage: r(Q).currentStage,
-            message: r(Q).message,
-            progress: r(Q).progress,
-            "has-error": r(Q).hasError,
-            "error-message": r(Q).errorMessage
-          }, null, 8, ["stage", "message", "progress", "has-error", "error-message"])) : f("", !0)
+            stage: T(Q).currentStage,
+            message: T(Q).message,
+            progress: T(Q).progress,
+            "has-error": T(Q).hasError,
+            "error-message": T(Q).errorMessage
+          }, null, 8, ["stage", "message", "progress", "has-error", "error-message"])) : _("", !0)
         ])
       ])
     ], 512));
   }
-}, HF = /* @__PURE__ */ j(rF, [["__scopeId", "data-v-7163154f"]]), LF = { class: "outer" }, CF = { class: "mid" }, xF = { class: "inner" }, MF = {
+}, HF = /* @__PURE__ */ H(rF, [["__scopeId", "data-v-7163154f"]]), LF = { class: "outer" }, CF = { class: "mid" }, xF = { class: "inner" }, MF = {
   key: 0,
   class: "content"
 }, zF = {
@@ -5878,24 +5933,24 @@ const OU = {
       default: ""
     }
   },
-  setup(Z) {
-    return ll((l) => ({
-      "66bea586": Z.colour
-    })), (l, U) => (p(), y("div", LF, [
+  setup(t) {
+    return Ul((l) => ({
+      "66bea586": t.colour
+    })), (l, U) => (N(), y("div", LF, [
       h("div", CF, [
         h("div", xF, [
-          Z.text || l.$slots.default ? (p(), y("div", MF, [
-            Nl(D(Z.text) + " ", 1),
-            tl(l.$slots, "default", {}, void 0, !0)
-          ])) : f("", !0)
+          t.text || l.$slots.default ? (N(), y("div", MF, [
+            Nl(K(t.text) + " ", 1),
+            Ql(l.$slots, "default", {}, void 0, !0)
+          ])) : _("", !0)
         ])
       ])
     ]));
   }
-}, DF = /* @__PURE__ */ j(zF, [["__scopeId", "data-v-dff76c48"]]);
+}, DF = /* @__PURE__ */ H(zF, [["__scopeId", "data-v-dff76c48"]]);
 class IF {
   constructor() {
-    this.eventBus = fl(), this.currentTime = 0, this.isPlaying = !1, this.playbackSpeed = 1, this.masterVolume = 0.75, this.parts = /* @__PURE__ */ new Map(), this.playbackTimer = null, this.lastTimestamp = 0;
+    this.eventBus = _l(), this.currentTime = 0, this.isPlaying = !1, this.playbackSpeed = 1, this.masterVolume = 0.75, this.parts = /* @__PURE__ */ new Map(), this.playbackTimer = null, this.lastTimestamp = 0;
   }
   // Initialize with musical data
   initialize(l) {
@@ -6041,10 +6096,10 @@ class IF {
 }
 new IF();
 export {
-  dl as AudioButton,
+  tl as AudioButton,
   Wl as AudioSlider,
-  tF as BarInput,
-  lU as BaseNumericInput,
+  ZF as BarInput,
+  UU as BaseNumericInput,
   ol as DEV_MODE,
   IF as DummyAudioEngine,
   oF as InitializationProgress,
@@ -6055,14 +6110,14 @@ export {
   aF as SpeedInput,
   nF as TimeInput,
   Ol as TitleText,
-  YU as TriState,
+  EU as TriState,
   PU as audioEngineConfig,
   Al as isDevFeature,
   KF as isDevMode,
-  Fl as useAudioStateStore,
-  Ul as useElementSize,
+  dl as useAudioStateStore,
+  Fl as useElementSize,
   SF as useInitializationState,
   Vl as useMasterAudioControl,
-  Ql as useMusicDataStore,
-  EU as usePlaybackStateStore
+  ll as useMusicDataStore,
+  fl as usePlaybackStateStore
 };