tsviewer 1.0.30 → 1.0.31

package/dist/{TSViewerCanvas-bkWRtQiL.mjs → TSViewerCanvas-7tyEpUbF.mjs}

@@ -1,6 +1,6 @@
 import { ref, onUnmounted, readonly, reactive, computed, watch, onMounted, createElementBlock, openBlock, createElementVNode, renderSlot, normalizeStyle, defineAsyncComponent, nextTick, createVNode, withCtx, unref } from "vue";
 import { storeToRefs } from "pinia";
-import { n as nth, b as _curry2, d as _xfBase, l as _reduced, e as _dispatchable, h as useToken, p as propOr, g as _export_sfc, u as useViewerStore, m as propEq } from "./index-knEI45_O.mjs";
+import { n as nth, b as _curry2, d as _xfBase, l as _reduced, e as _dispatchable, h as useToken, p as propOr, g as _export_sfc, u as useViewerStore, m as propEq } from "./index-BXlfFRwy.mjs";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DaMA6jEr.mjs";
 var head = /* @__PURE__ */ nth(0), XFind = /* @__PURE__ */ function() {
   function f(c, v) {
@@ -587,8 +587,8 @@ function requireWriter() {
   var m = f.Array.prototype.set ? function(g, y, O) {
     y.set(g, O);
   } : function(g, y, O) {
-    for (var w = 0; w < g.length; ++w)
-      y[O + w] = g[w];
+    for (var b = 0; b < g.length; ++b)
+      y[O + b] = g[b];
   };
   return t.prototype.bytes = function(g) {
     var y = g.length >>> 0;
@@ -1727,10 +1727,10 @@ function requireType() {
           return this._fieldsById;
         this._fieldsById = {};
         for (var g = Object.keys(this.fields), y = 0; y < g.length; ++y) {
-          var O = this.fields[g[y]], w = O.id;
-          if (this._fieldsById[w])
-            throw Error("duplicate id " + w + " in " + this);
-          this._fieldsById[w] = O;
+          var O = this.fields[g[y]], b = O.id;
+          if (this._fieldsById[b])
+            throw Error("duplicate id " + b + " in " + this);
+          this._fieldsById[b] = O;
         }
         return this._fieldsById;
       }
@@ -1773,45 +1773,45 @@ function requireType() {
         for (var O = 0; O < /* initializes */
         this.fieldsArray.length; ++O)
           this._fieldsArray[O].resolve();
-        var w = {};
+        var b = {};
         for (O = 0; O < /* initializes */
         this.oneofsArray.length; ++O)
-          w[this._oneofsArray[O].resolve().name] = {
+          b[this._oneofsArray[O].resolve().name] = {
             get: n.oneOfGetter(this._oneofsArray[O].oneof),
             set: n.oneOfSetter(this._oneofsArray[O].oneof)
           };
-        O && Object.defineProperties(g.prototype, w);
+        O && Object.defineProperties(g.prototype, b);
       }
     }
   }), m.generateConstructor = function(y) {
-    for (var O = n.codegen(["p"], y.name), w = 0, k; w < y.fieldsArray.length; ++w)
-      (k = y._fieldsArray[w]).map ? O("this%s={}", n.safeProp(k.name)) : k.repeated && O("this%s=[]", n.safeProp(k.name));
+    for (var O = n.codegen(["p"], y.name), b = 0, k; b < y.fieldsArray.length; ++b)
+      (k = y._fieldsArray[b]).map ? O("this%s={}", n.safeProp(k.name)) : k.repeated && O("this%s=[]", n.safeProp(k.name));
     return O("if(p)for(var ks=Object.keys(p),i=0;i<ks.length;++i)if(p[ks[i]]!=null)")("this[ks[i]]=p[ks[i]]");
   };
   function R(g) {
     return g._fieldsById = g._fieldsArray = g._oneofsArray = null, delete g.encode, delete g.decode, delete g.verify, g;
   }
   return m.fromJSON = function(y, O) {
-    var w = new m(y, O.options);
-    w.extensions = O.extensions, w.reserved = O.reserved;
+    var b = new m(y, O.options);
+    b.extensions = O.extensions, b.reserved = O.reserved;
     for (var k = Object.keys(O.fields), I = 0; I < k.length; ++I)
-      w.add(
+      b.add(
         (typeof O.fields[k[I]].keyType < "u" ? o.fromJSON : u.fromJSON)(k[I], O.fields[k[I]])
       );
     if (O.oneofs)
       for (k = Object.keys(O.oneofs), I = 0; I < k.length; ++I)
-        w.add(v.fromJSON(k[I], O.oneofs[k[I]]));
+        b.add(v.fromJSON(k[I], O.oneofs[k[I]]));
     if (O.nested)
       for (k = Object.keys(O.nested), I = 0; I < k.length; ++I) {
-        var F = O.nested[k[I]];
-        w.add(
+        var M = O.nested[k[I]];
+        b.add(
           // most to least likely
-          (F.id !== void 0 ? u.fromJSON : F.fields !== void 0 ? m.fromJSON : F.values !== void 0 ? c.fromJSON : F.methods !== void 0 ? i.fromJSON : f.fromJSON)(k[I], F)
+          (M.id !== void 0 ? u.fromJSON : M.fields !== void 0 ? m.fromJSON : M.values !== void 0 ? c.fromJSON : M.methods !== void 0 ? i.fromJSON : f.fromJSON)(k[I], M)
         );
       }
-    return O.extensions && O.extensions.length && (w.extensions = O.extensions), O.reserved && O.reserved.length && (w.reserved = O.reserved), O.group && (w.group = !0), O.comment && (w.comment = O.comment), O.edition && (w._edition = O.edition), w._defaultEdition = "proto3", w;
+    return O.extensions && O.extensions.length && (b.extensions = O.extensions), O.reserved && O.reserved.length && (b.reserved = O.reserved), O.group && (b.group = !0), O.comment && (b.comment = O.comment), O.edition && (b._edition = O.edition), b._defaultEdition = "proto3", b;
   }, m.prototype.toJSON = function(y) {
-    var O = f.prototype.toJSON.call(this, y), w = y ? !!y.keepComments : !1;
+    var O = f.prototype.toJSON.call(this, y), b = y ? !!y.keepComments : !1;
     return n.toObject([
       "edition",
       this._editionToJSON(),
@@ -1832,16 +1832,16 @@ function requireType() {
       "nested",
       O && O.nested || void 0,
       "comment",
-      w ? this.comment : void 0
+      b ? this.comment : void 0
     ]);
   }, m.prototype.resolveAll = function() {
     if (!this._needsRecursiveResolve) return this;
     f.prototype.resolveAll.call(this);
     var y = this.oneofsArray;
-    for (w = 0; w < y.length; )
-      y[w++].resolve();
-    for (var O = this.fieldsArray, w = 0; w < O.length; )
-      O[w++].resolve();
+    for (b = 0; b < y.length; )
+      y[b++].resolve();
+    for (var O = this.fieldsArray, b = 0; b < O.length; )
+      O[b++].resolve();
     return this;
   }, m.prototype._resolveFeaturesRecursive = function(y) {
     return this._needsRecursiveFeatureResolution ? (y = this._edition || y, f.prototype._resolveFeaturesRecursive.call(this, y), this.oneofsArray.forEach((O) => {
@@ -1886,9 +1886,9 @@ function requireType() {
   }, m.prototype.create = function(y) {
     return new this.ctor(y);
   }, m.prototype.setup = function() {
-    for (var y = this.fullName, O = [], w = 0; w < /* initializes */
-    this.fieldsArray.length; ++w)
-      O.push(this._fieldsArray[w].resolve().resolvedType);
+    for (var y = this.fullName, O = [], b = 0; b < /* initializes */
+    this.fieldsArray.length; ++b)
+      O.push(this._fieldsArray[b].resolve().resolvedType);
     this.encode = d(this)({
       Writer: t,
       types: O,
@@ -1928,8 +1928,8 @@ function requireType() {
   }, m.prototype.toObject = function(y, O) {
     return this.setup().toObject(y, O);
   }, m.d = function(y) {
-    return function(w) {
-      n.decorateType(w, y);
+    return function(b) {
+      n.decorateType(b, y);
     };
   }, type;
 }
@@ -1959,31 +1959,31 @@ function requireRoot() {
         if (g)
           throw W;
         N && N.resolveAll();
-        var _ = m;
-        m = null, _(W, N);
+        var w = m;
+        m = null, w(W, N);
       }
     }
     function O(W) {
       var N = W.lastIndexOf("google/protobuf/");
       if (N > -1) {
-        var _ = W.substring(N);
-        if (_ in r) return _;
+        var w = W.substring(N);
+        if (w in r) return w;
       }
       return null;
     }
-    function w(W, N) {
+    function b(W, N) {
       try {
         if (o.isString(N) && N.charAt(0) === "{" && (N = JSON.parse(N)), !o.isString(N))
           R.setOptions(N.options).addJSON(N.nested);
         else {
           e.filename = W;
-          var _ = e(N, R, h), E, x = 0;
-          if (_.imports)
-            for (; x < _.imports.length; ++x)
-              (E = O(_.imports[x]) || R.resolvePath(W, _.imports[x])) && k(E);
-          if (_.weakImports)
-            for (x = 0; x < _.weakImports.length; ++x)
-              (E = O(_.weakImports[x]) || R.resolvePath(W, _.weakImports[x])) && k(E, !0);
+          var w = e(N, R, h), E, x = 0;
+          if (w.imports)
+            for (; x < w.imports.length; ++x)
+              (E = O(w.imports[x]) || R.resolvePath(W, w.imports[x])) && k(E);
+          if (w.weakImports)
+            for (x = 0; x < w.weakImports.length; ++x)
+              (E = O(w.weakImports[x]) || R.resolvePath(W, w.weakImports[x])) && k(E, !0);
         }
       } catch (A) {
         y(A);
@@ -1993,20 +1993,20 @@ function requireRoot() {
     function k(W, N) {
       if (W = O(W) || W, !(R.files.indexOf(W) > -1)) {
         if (R.files.push(W), W in r) {
-          g ? w(W, r[W]) : (++I, setTimeout(function() {
-            --I, w(W, r[W]);
+          g ? b(W, r[W]) : (++I, setTimeout(function() {
+            --I, b(W, r[W]);
           }));
           return;
         }
         if (g) {
-          var _;
+          var w;
           try {
-            _ = o.fs.readFileSync(W).toString("utf8");
+            w = o.fs.readFileSync(W).toString("utf8");
           } catch (E) {
             N || y(E);
             return;
           }
-          w(W, _);
+          b(W, w);
         } else
           ++I, R.fetch(W, function(E, x) {
             if (--I, !!m) {
@@ -2014,15 +2014,15 @@ function requireRoot() {
                 N ? I || y(null, R) : y(E);
                 return;
               }
-              w(W, x);
+              b(W, x);
             }
           });
       }
     }
     var I = 0;
     o.isString(a) && (a = [a]);
-    for (var F = 0, $; F < a.length; ++F)
-      ($ = R.resolvePath("", a[F])) && k($);
+    for (var M = 0, $; M < a.length; ++M)
+      ($ = R.resolvePath("", a[M])) && k($);
     return g ? (R.resolveAll(), R) : (I || y(null, R), R);
   }, t.prototype.loadSync = function(a, h) {
     if (!o.isNode)
@@ -2756,134 +2756,134 @@ function requireTokenize() {
   function d(s, l) {
     s = s.toString();
     var a = 0, h = s.length, m = 1, R = 0, g = {}, y = [], O = null;
-    function w(b) {
-      return Error("illegal " + b + " (line " + m + ")");
+    function b(_) {
+      return Error("illegal " + _ + " (line " + m + ")");
     }
     function k() {
-      var b = O === "'" ? v : c;
-      b.lastIndex = a - 1;
-      var D = b.exec(s);
-      if (!D)
-        throw w("string");
-      return a = b.lastIndex, _(O), O = null, n(D[1]);
-    }
-    function I(b) {
-      return s.charAt(b);
-    }
-    function F(b, D, B) {
-      var M = {
-        type: s.charAt(b++),
+      var _ = O === "'" ? v : c;
+      _.lastIndex = a - 1;
+      var F = _.exec(s);
+      if (!F)
+        throw b("string");
+      return a = _.lastIndex, w(O), O = null, n(F[1]);
+    }
+    function I(_) {
+      return s.charAt(_);
+    }
+    function M(_, F, L) {
+      var D = {
+        type: s.charAt(_++),
         lineEmpty: !1,
-        leading: B
-      }, z;
-      l ? z = 2 : z = 3;
-      var U = b - z, L;
+        leading: L
+      }, B;
+      l ? B = 2 : B = 3;
+      var J = _ - B, z;
       do
-        if (--U < 0 || (L = s.charAt(U)) === `
+        if (--J < 0 || (z = s.charAt(J)) === `
 `) {
-          M.lineEmpty = !0;
+          D.lineEmpty = !0;
           break;
         }
-      while (L === " " || L === "	");
-      for (var V = s.substring(b, D).split(i), K = 0; K < V.length; ++K)
+      while (z === " " || z === "	");
+      for (var V = s.substring(_, F).split(i), K = 0; K < V.length; ++K)
         V[K] = V[K].replace(l ? o : u, "").trim();
-      M.text = V.join(`
-`).trim(), g[m] = M, R = m;
+      D.text = V.join(`
+`).trim(), g[m] = D, R = m;
     }
-    function $(b) {
-      var D = W(b), B = s.substring(b, D), M = /^\s*\/\//.test(B);
-      return M;
+    function $(_) {
+      var F = W(_), L = s.substring(_, F), D = /^\s*\/\//.test(L);
+      return D;
     }
-    function W(b) {
-      for (var D = b; D < h && I(D) !== `
+    function W(_) {
+      for (var F = _; F < h && I(F) !== `
 `; )
-        D++;
-      return D;
+        F++;
+      return F;
     }
     function N() {
       if (y.length > 0)
         return y.shift();
       if (O)
         return k();
-      var b, D, B, M, z, U = a === 0;
+      var _, F, L, D, B, J = a === 0;
       do {
         if (a === h)
           return null;
-        for (b = !1; e.test(B = I(a)); )
-          if (B === `
-` && (U = !0, ++m), ++a === h)
+        for (_ = !1; e.test(L = I(a)); )
+          if (L === `
+` && (J = !0, ++m), ++a === h)
             return null;
         if (I(a) === "/") {
           if (++a === h)
-            throw w("comment");
+            throw b("comment");
           if (I(a) === "/")
             if (l) {
-              if (M = a, z = !1, $(a - 1)) {
-                z = !0;
+              if (D = a, B = !1, $(a - 1)) {
+                B = !0;
                 do
-                  if (a = W(a), a === h || (a++, !U))
+                  if (a = W(a), a === h || (a++, !J))
                     break;
                 while ($(a));
               } else
                 a = Math.min(h, W(a) + 1);
-              z && (F(M, a, U), U = !0), m++, b = !0;
+              B && (M(D, a, J), J = !0), m++, _ = !0;
             } else {
-              for (z = I(M = a + 1) === "/"; I(++a) !== `
+              for (B = I(D = a + 1) === "/"; I(++a) !== `
 `; )
                 if (a === h)
                   return null;
-              ++a, z && (F(M, a - 1, U), U = !0), ++m, b = !0;
+              ++a, B && (M(D, a - 1, J), J = !0), ++m, _ = !0;
             }
-          else if ((B = I(a)) === "*") {
-            M = a + 1, z = l || I(M) === "*";
+          else if ((L = I(a)) === "*") {
+            D = a + 1, B = l || I(D) === "*";
             do {
-              if (B === `
+              if (L === `
 ` && ++m, ++a === h)
-                throw w("comment");
-              D = B, B = I(a);
-            } while (D !== "*" || B !== "/");
-            ++a, z && (F(M, a - 2, U), U = !0), b = !0;
+                throw b("comment");
+              F = L, L = I(a);
+            } while (F !== "*" || L !== "/");
+            ++a, B && (M(D, a - 2, J), J = !0), _ = !0;
           } else
             return "/";
         }
-      } while (b);
-      var L = a;
+      } while (_);
+      var z = a;
       f.lastIndex = 0;
-      var V = f.test(I(L++));
+      var V = f.test(I(z++));
       if (!V)
-        for (; L < h && !f.test(I(L)); )
-          ++L;
-      var K = s.substring(a, a = L);
+        for (; z < h && !f.test(I(z)); )
+          ++z;
+      var K = s.substring(a, a = z);
       return (K === '"' || K === "'") && (O = K), K;
     }
-    function _(b) {
-      y.push(b);
+    function w(_) {
+      y.push(_);
     }
     function E() {
       if (!y.length) {
-        var b = N();
-        if (b === null)
+        var _ = N();
+        if (_ === null)
           return null;
-        _(b);
+        w(_);
       }
       return y[0];
     }
-    function x(b, D) {
-      var B = E(), M = B === b;
-      if (M)
+    function x(_, F) {
+      var L = E(), D = L === _;
+      if (D)
         return N(), !0;
-      if (!D)
-        throw w("token '" + B + "', '" + b + "' expected");
+      if (!F)
+        throw b("token '" + L + "', '" + _ + "' expected");
       return !1;
     }
-    function A(b) {
-      var D = null, B;
-      return b === void 0 ? (B = g[m - 1], delete g[m - 1], B && (l || B.type === "*" || B.lineEmpty) && (D = B.leading ? B.text : null)) : (R < b && E(), B = g[b], delete g[b], B && !B.lineEmpty && (l || B.type === "/") && (D = B.leading ? null : B.text)), D;
+    function A(_) {
+      var F = null, L;
+      return _ === void 0 ? (L = g[m - 1], delete g[m - 1], L && (l || L.type === "*" || L.lineEmpty) && (F = L.leading ? L.text : null)) : (R < _ && E(), L = g[_], delete g[_], L && !L.lineEmpty && (l || L.type === "/") && (F = L.leading ? null : L.text)), F;
     }
     return Object.defineProperty({
       next: N,
       peek: E,
-      push: _,
+      push: w,
       skip: x,
       cmnt: A
     }, "line", {
@@ -2898,15 +2898,15 @@ var parse_1, hasRequiredParse;
 function requireParse() {
   if (hasRequiredParse) return parse_1;
   hasRequiredParse = 1, parse_1 = k, k.filename = null, k.defaults = { keepCase: !1 };
-  var f = requireTokenize(), c = requireRoot(), v = requireType(), u = requireField(), o = requireMapfield(), i = requireOneof(), e = require_enum(), r = requireService(), t = requireMethod(), n = requireObject(), d = requireTypes(), s = requireUtil(), l = /^[1-9][0-9]*$/, a = /^-?[1-9][0-9]*$/, h = /^0[x][0-9a-fA-F]+$/, m = /^-?0[x][0-9a-fA-F]+$/, R = /^0[0-7]+$/, g = /^-?0[0-7]+$/, y = /^(?![eE])[0-9]*(?:\.[0-9]*)?(?:[eE][+-]?[0-9]+)?$/, O = /^[a-zA-Z_][a-zA-Z_0-9]*$/, w = /^(?:\.?[a-zA-Z_][a-zA-Z_0-9]*)(?:\.[a-zA-Z_][a-zA-Z_0-9]*)*$/;
-  function k(I, F, $) {
-    F instanceof c || ($ = F, F = new c()), $ || ($ = k.defaults);
-    var W = $.preferTrailingComment || !1, N = f(I, $.alternateCommentMode || !1), _ = N.next, E = N.push, x = N.peek, A = N.skip, b = N.cmnt, D = !0, B, M, z, U = "proto2", L = F, V = [], K = {}, X = $.keepCase ? function(P) {
+  var f = requireTokenize(), c = requireRoot(), v = requireType(), u = requireField(), o = requireMapfield(), i = requireOneof(), e = require_enum(), r = requireService(), t = requireMethod(), n = requireObject(), d = requireTypes(), s = requireUtil(), l = /^[1-9][0-9]*$/, a = /^-?[1-9][0-9]*$/, h = /^0[x][0-9a-fA-F]+$/, m = /^-?0[x][0-9a-fA-F]+$/, R = /^0[0-7]+$/, g = /^-?0[0-7]+$/, y = /^(?![eE])[0-9]*(?:\.[0-9]*)?(?:[eE][+-]?[0-9]+)?$/, O = /^[a-zA-Z_][a-zA-Z_0-9]*$/, b = /^(?:\.?[a-zA-Z_][a-zA-Z_0-9]*)(?:\.[a-zA-Z_][a-zA-Z_0-9]*)*$/;
+  function k(I, M, $) {
+    M instanceof c || ($ = M, M = new c()), $ || ($ = k.defaults);
+    var W = $.preferTrailingComment || !1, N = f(I, $.alternateCommentMode || !1), w = N.next, E = N.push, x = N.peek, A = N.skip, _ = N.cmnt, F = !0, L, D, B, J = "proto2", z = M, V = [], K = {}, X = $.keepCase ? function(P) {
       return P;
     } : s.camelCase;
     function ce() {
       V.forEach((P) => {
-        P._edition = U, Object.keys(K).forEach((C) => {
+        P._edition = J, Object.keys(K).forEach((C) => {
           P.getOption(C) === void 0 && P.setOption(C, K[C], !0);
         });
       });
@@ -2918,14 +2918,14 @@ function requireParse() {
     function ne() {
       var P = [], C;
       do {
-        if ((C = _()) !== '"' && C !== "'")
+        if ((C = w()) !== '"' && C !== "'")
           throw j(C);
-        P.push(_()), A(C), C = x();
+        P.push(w()), A(C), C = x();
       } while (C === '"' || C === "'");
       return P.join("");
     }
     function fe(P) {
-      var C = _();
+      var C = w();
       switch (C) {
         case "'":
         case '"':
@@ -2944,7 +2944,7 @@ function requireParse() {
           !0
         );
       } catch {
-        if (w.test(C))
+        if (b.test(C))
           return C;
         throw j(C, "value");
       }
@@ -2954,22 +2954,22 @@ function requireParse() {
       do
         if (C && ((p = x()) === '"' || p === "'")) {
           var q = ne();
-          if (P.push(q), U >= 2023)
+          if (P.push(q), J >= 2023)
             throw j(q, "id");
         } else
           try {
-            P.push([S = me(_()), A("to", !0) ? me(_()) : S]);
-          } catch (J) {
-            if (C && w.test(p) && U >= 2023)
+            P.push([S = me(w()), A("to", !0) ? me(w()) : S]);
+          } catch (U) {
+            if (C && b.test(p) && J >= 2023)
               P.push(p);
             else
-              throw J;
+              throw U;
           }
       while (A(",", !0));
       var T = { options: void 0 };
-      T.setOption = function(J, Y) {
-        this.options === void 0 && (this.options = {}), this.options[J] = Y;
-      }, ve(
+      T.setOption = function(U, Y) {
+        this.options === void 0 && (this.options = {}), this.options[U] = Y;
+      }, pe(
         T,
         function(Y) {
           if (Y === "option")
@@ -3027,35 +3027,35 @@ function requireParse() {
       throw j(P, "id");
     }
     function oe() {
-      if (B !== void 0)
+      if (L !== void 0)
         throw j("package");
-      if (B = _(), !w.test(B))
-        throw j(B, "name");
-      L = L.define(B), A(";");
+      if (L = w(), !b.test(L))
+        throw j(L, "name");
+      z = z.define(L), A(";");
     }
-    function pe() {
+    function he() {
       var P = x(), C;
       switch (P) {
         case "weak":
-          C = z || (z = []), _();
+          C = B || (B = []), w();
           break;
         case "public":
-          _();
+          w();
         // eslint-disable-next-line no-fallthrough
         default:
-          C = M || (M = []);
+          C = D || (D = []);
           break;
       }
       P = ne(), A(";"), C.push(P);
     }
     function be() {
-      if (A("="), U = ne(), U < 2023)
-        throw j(U, "syntax");
+      if (A("="), J = ne(), J < 2023)
+        throw j(J, "syntax");
       A(";");
     }
     function Se() {
-      if (A("="), U = ne(), !["2023"].includes(U))
-        throw j(U, "edition");
+      if (A("="), J = ne(), !["2023"].includes(J))
+        throw j(J, "edition");
       A(";");
     }
     function Re(P, C) {
@@ -3073,37 +3073,37 @@ function requireParse() {
       }
       return !1;
     }
-    function ve(P, C, p) {
+    function pe(P, C, p) {
       var S = N.line;
-      if (P && (typeof P.comment != "string" && (P.comment = b()), P.filename = k.filename), A("{", !0)) {
-        for (var q; (q = _()) !== "}"; )
+      if (P && (typeof P.comment != "string" && (P.comment = _()), P.filename = k.filename), A("{", !0)) {
+        for (var q; (q = w()) !== "}"; )
           C(q);
         A(";", !0);
       } else
-        p && p(), A(";"), P && (typeof P.comment != "string" || W) && (P.comment = b(S) || P.comment);
+        p && p(), A(";"), P && (typeof P.comment != "string" || W) && (P.comment = _(S) || P.comment);
     }
     function Oe(P, C) {
-      if (!O.test(C = _()))
+      if (!O.test(C = w()))
         throw j(C, "type name");
       var p = new v(C);
-      ve(p, function(q) {
+      pe(p, function(q) {
         if (!Re(p, q))
           switch (q) {
             case "map":
               Te(p);
               break;
             case "required":
-              if (U !== "proto2")
+              if (J !== "proto2")
                 throw j(q);
             /* eslint-disable no-fallthrough */
             case "repeated":
               ae(p, q);
               break;
             case "optional":
-              if (U === "proto3")
+              if (J === "proto3")
                 ae(p, "proto3_optional");
               else {
-                if (U !== "proto2")
+                if (J !== "proto2")
                   throw j(q);
                 ae(p, "optional");
               }
@@ -3118,29 +3118,29 @@ function requireParse() {
               se(p.reserved || (p.reserved = []), !0);
               break;
             default:
-              if (U === "proto2" || !w.test(q))
+              if (J === "proto2" || !b.test(q))
                 throw j(q);
               E(q), ae(p, "optional");
               break;
           }
-      }), P.add(p), P === L && V.push(p);
+      }), P.add(p), P === z && V.push(p);
     }
     function ae(P, C, p) {
-      var S = _();
+      var S = w();
       if (S === "group") {
         qe(P, C);
         return;
       }
       for (; S.endsWith(".") || x().startsWith("."); )
-        S += _();
-      if (!w.test(S))
+        S += w();
+      if (!b.test(S))
         throw j(S, "type");
-      var q = _();
+      var q = w();
       if (!O.test(q))
         throw j(q, "name");
       q = X(q), A("=");
-      var T = new u(q, me(_()), S, C, p);
-      if (ve(T, function(Z) {
+      var T = new u(q, me(w()), S, C, p);
+      if (pe(T, function(Z) {
         if (Z === "option")
           de(T, Z), A(";");
         else
@@ -3148,24 +3148,24 @@ function requireParse() {
       }, function() {
         _e(T);
       }), C === "proto3_optional") {
-        var J = new i("_" + q);
-        T.setOption("proto3_optional", !0), J.add(T), P.add(J);
+        var U = new i("_" + q);
+        T.setOption("proto3_optional", !0), U.add(T), P.add(U);
       } else
         P.add(T);
-      P === L && V.push(T);
+      P === z && V.push(T);
     }
     function qe(P, C) {
-      if (U >= 2023)
+      if (J >= 2023)
         throw j("group");
-      var p = _();
+      var p = w();
       if (!O.test(p))
         throw j(p, "name");
       var S = s.lcFirst(p);
       p === S && (p = s.ucFirst(p)), A("=");
-      var q = me(_()), T = new v(p);
+      var q = me(w()), T = new v(p);
       T.group = !0;
-      var J = new u(S, q, p, C);
-      J.filename = k.filename, ve(T, function(Z) {
+      var U = new u(S, q, p, C);
+      U.filename = k.filename, pe(T, function(Z) {
         switch (Z) {
           case "option":
             de(T, Z), A(";");
@@ -3175,7 +3175,7 @@ function requireParse() {
             ae(T, Z);
             break;
           case "optional":
-            U === "proto3" ? ae(T, "proto3_optional") : ae(T, "optional");
+            J === "proto3" ? ae(T, "proto3_optional") : ae(T, "optional");
             break;
           case "message":
             Oe(T, Z);
@@ -3190,45 +3190,45 @@ function requireParse() {
           default:
             throw j(Z);
         }
-      }), P.add(T).add(J);
+      }), P.add(T).add(U);
     }
     function Te(P) {
       A("<");
-      var C = _();
+      var C = w();
       if (d.mapKey[C] === void 0)
         throw j(C, "type");
       A(",");
-      var p = _();
-      if (!w.test(p))
+      var p = w();
+      if (!b.test(p))
         throw j(p, "type");
       A(">");
-      var S = _();
+      var S = w();
       if (!O.test(S))
         throw j(S, "name");
       A("=");
-      var q = new o(X(S), me(_()), C, p);
-      ve(q, function(J) {
-        if (J === "option")
-          de(q, J), A(";");
+      var q = new o(X(S), me(w()), C, p);
+      pe(q, function(U) {
+        if (U === "option")
+          de(q, U), A(";");
         else
-          throw j(J);
+          throw j(U);
       }, function() {
         _e(q);
       }), P.add(q);
     }
     function we(P, C) {
-      if (!O.test(C = _()))
+      if (!O.test(C = w()))
         throw j(C, "name");
       var p = new i(X(C));
-      ve(p, function(q) {
+      pe(p, function(q) {
         q === "option" ? (de(p, q), A(";")) : (E(q), ae(p, "optional"));
       }), P.add(p);
     }
     function ge(P, C) {
-      if (!O.test(C = _()))
+      if (!O.test(C = w()))
         throw j(C, "name");
       var p = new e(C);
-      ve(p, function(q) {
+      pe(p, function(q) {
         switch (q) {
           case "option":
             de(p, q), A(";");
@@ -3239,13 +3239,13 @@ function requireParse() {
           default:
             ye(p, q);
         }
-      }), P.add(p), P === L && V.push(p);
+      }), P.add(p), P === z && V.push(p);
     }
     function ye(P, C) {
       if (!O.test(C))
         throw j(C, "name");
       A("=");
-      var p = me(_(), !0), S = {
+      var p = me(w(), !0), S = {
         options: void 0
       };
       S.getOption = function(q) {
@@ -3253,7 +3253,7 @@ function requireParse() {
       }, S.setOption = function(q, T) {
         n.prototype.setOption.call(S, q, T);
       }, S.setParsedOption = function() {
-      }, ve(S, function(T) {
+      }, pe(S, function(T) {
         if (T === "option")
           de(S, T), A(";");
         else
@@ -3264,21 +3264,21 @@ function requireParse() {
     }
     function de(P, C) {
       var p, S, q = !0;
-      for (C === "option" && (C = _()); C !== "="; ) {
+      for (C === "option" && (C = w()); C !== "="; ) {
         if (C === "(") {
-          var T = _();
+          var T = w();
           A(")"), C = "(" + T + ")";
         }
         if (q) {
           if (q = !1, C.includes(".") && !C.includes("(")) {
-            var J = C.split(".");
-            p = J[0] + ".", C = J[1];
+            var U = C.split(".");
+            p = U[0] + ".", C = U[1];
             continue;
           }
           p = C;
         } else
           S = S ? S += C : C;
-        C = _();
+        C = w();
       }
       var Y = S ? p.concat(S) : p, Z = Ae(P, Y);
       S = S && S[0] === "." ? S.slice(1) : S, p = p && p[p.length - 1] === "." ? p.slice(0, -1) : p, ke(P, p, Z, S);
@@ -3286,7 +3286,7 @@ function requireParse() {
     function Ae(P, C) {
       if (A("{", !0)) {
         for (var p = {}; !A("}", !0); ) {
-          if (!O.test(ie = _()))
+          if (!O.test(ie = w()))
             throw j(ie, "name");
           if (ie === null)
             throw j(ie, "end of input");
@@ -3304,8 +3304,8 @@ function requireParse() {
             }
           } else
             S = fe(), ue(P, C + "." + ie, S);
-          var J = p[q];
-          J && (S = [].concat(J).concat(S)), p[q] = S, A(",", !0), A(";", !0);
+          var U = p[q];
+          U && (S = [].concat(U).concat(S)), p[q] = S, A(",", !0), A(";", !0);
         }
         return p;
       }
@@ -3313,7 +3313,7 @@ function requireParse() {
       return ue(P, C, Y), Y;
     }
     function ue(P, C, p) {
-      if (L === P && /^features\./.test(C)) {
+      if (z === P && /^features\./.test(C)) {
         K[C] = p;
         return;
       }
@@ -3332,27 +3332,27 @@ function requireParse() {
       return P;
     }
     function Ee(P, C) {
-      if (!O.test(C = _()))
+      if (!O.test(C = w()))
         throw j(C, "service name");
       var p = new r(C);
-      ve(p, function(q) {
+      pe(p, function(q) {
         if (!Re(p, q))
           if (q === "rpc")
             xe(p, q);
           else
             throw j(q);
-      }), P.add(p), P === L && V.push(p);
+      }), P.add(p), P === z && V.push(p);
     }
     function xe(P, C) {
-      var p = b(), S = C;
-      if (!O.test(C = _()))
+      var p = _(), S = C;
+      if (!O.test(C = w()))
         throw j(C, "name");
-      var q = C, T, J, Y, Z;
-      if (A("("), A("stream", !0) && (J = !0), !w.test(C = _()) || (T = C, A(")"), A("returns"), A("("), A("stream", !0) && (Z = !0), !w.test(C = _())))
+      var q = C, T, U, Y, Z;
+      if (A("("), A("stream", !0) && (U = !0), !b.test(C = w()) || (T = C, A(")"), A("returns"), A("("), A("stream", !0) && (Z = !0), !b.test(C = w())))
         throw j(C);
       Y = C, A(")");
-      var G = new t(q, S, T, Y, J, Z);
-      G.comment = p, ve(G, function(Q) {
+      var G = new t(q, S, T, Y, U, Z);
+      G.comment = p, pe(G, function(Q) {
         if (Q === "option")
           de(G, Q), A(";");
         else
@@ -3360,63 +3360,63 @@ function requireParse() {
       }), P.add(G);
     }
     function Ce(P, C) {
-      if (!w.test(C = _()))
+      if (!b.test(C = w()))
         throw j(C, "reference");
       var p = C;
-      ve(null, function(q) {
+      pe(null, function(q) {
         switch (q) {
           case "required":
           case "repeated":
             ae(P, q, p);
             break;
           case "optional":
-            U === "proto3" ? ae(P, "proto3_optional", p) : ae(P, "optional", p);
+            J === "proto3" ? ae(P, "proto3_optional", p) : ae(P, "optional", p);
             break;
           default:
-            if (U === "proto2" || !w.test(q))
+            if (J === "proto2" || !b.test(q))
               throw j(q);
             E(q), ae(P, "optional", p);
             break;
         }
       });
     }
-    for (var ie; (ie = _()) !== null; )
+    for (var ie; (ie = w()) !== null; )
       switch (ie) {
         case "package":
-          if (!D)
+          if (!F)
             throw j(ie);
           oe();
           break;
         case "import":
-          if (!D)
+          if (!F)
             throw j(ie);
-          pe();
+          he();
           break;
         case "syntax":
-          if (!D)
+          if (!F)
             throw j(ie);
           be();
           break;
         case "edition":
-          if (!D)
+          if (!F)
             throw j(ie);
           Se();
           break;
         case "option":
-          de(L, ie), A(";", !0);
+          de(z, ie), A(";", !0);
           break;
         default:
-          if (Re(L, ie)) {
-            D = !1;
+          if (Re(z, ie)) {
+            F = !1;
             continue;
           }
           throw j(ie);
       }
     return ce(), k.filename = null, {
-      package: B,
-      imports: M,
-      weakImports: z,
-      root: F
+      package: L,
+      imports: D,
+      weakImports: B,
+      root: M
     };
   }
   return parse_1;
@@ -3813,74 +3813,74 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     }
   }, i = protobuf.Root.fromJSON(u).TimeSeriesMessage;
   let e = null, r = null, t = null, n = null, d = null, s = null, l = !1, a = null;
-  const h = (b, D = 2e3) => new Promise((B) => {
-    if (!b || b.readyState === WebSocket.CLOSED) {
-      B();
+  const h = (_, F = 2e3) => new Promise((L) => {
+    if (!_ || _.readyState === WebSocket.CLOSED) {
+      L();
       return;
     }
-    const M = Date.now(), z = () => {
-      b.readyState === WebSocket.CLOSED || Date.now() - M > D ? B() : setTimeout(z, 50);
+    const D = Date.now(), B = () => {
+      _.readyState === WebSocket.CLOSED || Date.now() - D > F ? L() : setTimeout(B, 50);
     };
-    z();
+    B();
   }), m = async () => {
     if (f.value) {
-      const b = f.value;
-      console.log("🔌 Disconnecting WebSocket (state:", b.readyState, ")"), f.value = null, c.value = "disconnected", (b.readyState === WebSocket.OPEN || b.readyState === WebSocket.CONNECTING) && (b.close(), await h(b));
+      const _ = f.value;
+      console.log("🔌 Disconnecting WebSocket (state:", _.readyState, ")"), f.value = null, c.value = "disconnected", (_.readyState === WebSocket.OPEN || _.readyState === WebSocket.CONNECTING) && (_.close(), await h(_));
     }
     a = null;
-  }, R = async (b, D, B) => {
+  }, R = async (_, F, L) => {
     if (a && (console.log("🔄 Waiting for previous connection to finish..."), await a), f.value) {
-      const M = f.value.readyState;
-      (M === WebSocket.CONNECTING || M === WebSocket.OPEN || M === WebSocket.CLOSING) && (console.log(`🔄 Disconnecting existing WebSocket (state: ${M})`), await m(), await new Promise((z) => setTimeout(z, 100)));
+      const D = f.value.readyState;
+      (D === WebSocket.CONNECTING || D === WebSocket.OPEN || D === WebSocket.CLOSING) && (console.log(`🔄 Disconnecting existing WebSocket (state: ${D})`), await m(), await new Promise((B) => setTimeout(B, 100)));
     }
-    console.log("setting packageId to: " + D), s = D, v.value = !0, a = new Promise(async (M, z) => {
+    console.log("setting packageId to: " + F), s = F, v.value = !0, a = new Promise(async (D, B) => {
       try {
-        const U = B || await useToken(), L = b + "?session=" + U + "&package=" + s, V = new WebSocket(L);
+        const J = L || await useToken(), z = _ + "?session=" + J + "&package=" + s, V = new WebSocket(z);
         f.value = V, V.onopen = () => {
-          console.log("🔗 WebSocket opened for package:", s), g(), M(V);
+          console.log("🔗 WebSocket opened for package:", s), g(), D(V);
         }, V.onclose = () => {
-          console.log("🔌 WebSocket closed for package:", s), y(), M(null);
+          console.log("🔌 WebSocket closed for package:", s), y(), D(null);
         }, V.onmessage = O, V.onerror = (K) => {
-          console.error("WebSocket error:", K), c.value = "disconnected", z(K);
+          console.error("WebSocket error:", K), c.value = "disconnected", B(K);
         }, setTimeout(() => {
-          V.readyState === WebSocket.CONNECTING && (V.close(), z(new Error("WebSocket connection timeout")));
+          V.readyState === WebSocket.CONNECTING && (V.close(), B(new Error("WebSocket connection timeout")));
         }, 1e4);
-      } catch (U) {
-        console.error("Failed to create WebSocket:", U), z(U);
+      } catch (J) {
+        console.error("Failed to create WebSocket:", J), B(J);
       }
     });
     try {
       await a;
-    } catch (M) {
-      console.error("WebSocket connection failed:", M), a = null;
+    } catch (D) {
+      console.error("WebSocket connection failed:", D), a = null;
     }
   }, g = () => {
     if (c.value = "connected", v.value) {
       if (console.log("📡 Sending initialization messages for package:", s), d && (console.log("🧹 Clearing channel filters"), d()), s) {
-        const b = { montage: "NOT_MONTAGED", packageId: s };
-        console.log("🎛️ Sending montage reset:", b), f.value.send(JSON.stringify(b));
+        const _ = { montage: "NOT_MONTAGED", packageId: s };
+        console.log("🎛️ Sending montage reset:", _), f.value.send(JSON.stringify(_));
       }
       v.value = !1;
     }
   }, y = () => {
     console.log("📡 WebSocket connection closed"), c.value = "disconnected";
-  }, O = (b) => {
-    if (typeof b.data == "string") {
-      let B = {};
+  }, O = (_) => {
+    if (typeof _.data == "string") {
+      let L = {};
       try {
-        B = JSON.parse(b.data);
+        L = JSON.parse(_.data);
       } catch {
         n == null || n({ error: "JSON Parse Error" });
         return;
       }
-      B.channelDetails ? t == null || t(B.channelDetails) : B.error && (n == null || n(B));
+      L.channelDetails ? t == null || t(L.channelDetails) : L.error && (n == null || n(L));
       return;
     }
-    const D = new FileReader();
-    D.addEventListener("loadend", function(B) {
-      const M = B.target.result, z = new Uint8Array(M), U = i.decode(z), L = U.segment;
-      if (U.event && U.event.length > 0 && U.event[0].pageStart) {
-        const V = U.event[0], K = [[], []], X = V.times.length / 2;
+    const F = new FileReader();
+    F.addEventListener("loadend", function(L) {
+      const D = L.target.result, B = new Uint8Array(D), J = i.decode(B), z = J.segment;
+      if (J.event && J.event.length > 0 && J.event[0].pageStart) {
+        const V = J.event[0], K = [[], []], X = V.times.length / 2;
         let ce = 0;
         for (let se = 0; se < X; se++)
           K[0].push(V.times[ce]), K[1].push(V.times[ce + 1]), ce += 2;
@@ -3906,26 +3906,26 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           pageStart: V.pageStart,
           data: fe,
           type: "Neural",
-          nrResponses: U.totalResponses
+          nrResponses: J.totalResponses
         });
       }
-      if (L !== null) {
+      if (z !== null) {
         let V = null;
-        L.isMinMax ? V = L.data.length / 2 : V = L.data.length;
-        const K = new Array(3), X = L.startTs;
+        z.isMinMax ? V = z.data.length / 2 : V = z.data.length;
+        const K = new Array(3), X = z.startTs;
         let ce = 0, j = 0, ne = 0;
         for (; ne < 3; )
           K[ne] = new Float64Array(V), ne++;
-        if (L.isMinMax) {
+        if (z.isMinMax) {
           let oe = 0;
-          for (let pe = 0; pe < V; pe++) {
-            let be = -L.data[oe], Se = -L.data[oe + 1];
-            K[0][pe] = X + pe * L.samplePeriod, K[1][pe] = be, K[2][pe] = Se, isNaN(be) || (j++, ce += be + (Se - be) / 2), oe += 2;
+          for (let he = 0; he < V; he++) {
+            let be = -z.data[oe], Se = -z.data[oe + 1];
+            K[0][he] = X + he * z.samplePeriod, K[1][he] = be, K[2][he] = Se, isNaN(be) || (j++, ce += be + (Se - be) / 2), oe += 2;
           }
         } else
           for (let oe = 0; oe < V; oe++) {
-            let pe = -L.data[oe];
-            K[0][oe] = X + oe * L.samplePeriod, K[1][oe] = pe, isNaN(pe) || (j++, ce += pe);
+            let he = -z.data[oe];
+            K[0][oe] = X + oe * z.samplePeriod, K[1][oe] = he, isNaN(he) || (j++, ce += he);
           }
         let fe = 0;
         if (l) {
@@ -3936,85 +3936,85 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         for (; le < 3; )
           se[le] = new Float32Array(K[0].length), le++;
         const me = {
-          chId: L.source,
-          lastUsed: L.lastUsed,
-          unit: L.unit,
-          samplePeriod: L.samplePeriod,
-          pageStart: L.pageStart,
-          pageEnd: L.pageEnd,
+          chId: z.source,
+          lastUsed: z.lastUsed,
+          unit: z.unit,
+          samplePeriod: z.samplePeriod,
+          pageStart: z.pageStart,
+          pageEnd: z.pageEnd,
           startTs: X,
-          isMinMax: L.isMinMax,
-          unitM: L.unitM,
-          type: L.segmentType,
+          isMinMax: z.isMinMax,
+          unitM: z.unitM,
+          type: z.segmentType,
           nrPoints: V,
           cData: se,
           parsedData: K,
           median: fe,
           sumElem: ce,
           nrValidPoints: j,
-          name: L.channelName,
-          label: L.channelName
+          name: z.channelName,
+          label: z.channelName
         };
         me.nrPoints > 0 ? e == null || e({
-          pageStart: L.pageStart,
+          pageStart: z.pageStart,
           data: me,
-          type: L.segmentType,
-          nrResponses: U.totalResponses
+          type: z.segmentType,
+          nrResponses: J.totalResponses
         }) : e == null || e({
-          pageStart: L.pageStart,
+          pageStart: z.pageStart,
           data: me,
-          nrResponses: U.totalResponses,
+          nrResponses: J.totalResponses,
           type: "gap"
         });
       }
-    }), D.readAsArrayBuffer(b.data);
-  }, w = (b) => f.value && f.value.readyState === 1 ? (f.value.send(JSON.stringify(b)), !0) : !1, k = (b) => {
-    let D;
-    switch (b) {
+    }), F.readAsArrayBuffer(_.data);
+  }, b = (_) => f.value && f.value.readyState === 1 ? (f.value.send(JSON.stringify(_)), !0) : !1, k = (_) => {
+    let F;
+    switch (_) {
       case "NOT_MONTAGED":
-        D = { montage: "NOT_MONTAGED", packageId: s };
+        F = { montage: "NOT_MONTAGED", packageId: s };
         break;
       default:
-        D = { montage: "CUSTOM_MONTAGE", packageId: s, montageMap: b };
+        F = { montage: "CUSTOM_MONTAGE", packageId: s, montageMap: _ };
     }
-    w(D);
-  }, I = (b) => {
-    f.value && f.value.readyState === 1 ? f.value.send(JSON.stringify(b)) : setTimeout(() => I(b), 200);
-  }, F = () => {
+    b(F);
+  }, I = (_) => {
+    f.value && f.value.readyState === 1 ? f.value.send(JSON.stringify(_)) : setTimeout(() => I(_), 200);
+  }, M = () => {
     if (f.value && f.value.readyState === 1) {
-      const b = {
+      const _ = {
         requestType: "DumpBufferRequest"
       };
-      return f.value.send(JSON.stringify(b)), !0;
+      return f.value.send(JSON.stringify(_)), !0;
     }
     return console.warn("⚠️ Cannot send dump buffer request - WebSocket not connected"), !1;
-  }, $ = (b) => {
-    e = b;
-  }, W = (b) => {
-    r = b;
-  }, N = (b) => {
-    t = b;
-  }, _ = (b) => {
-    n = b;
+  }, $ = (_) => {
+    e = _;
+  }, W = (_) => {
+    r = _;
+  }, N = (_) => {
+    t = _;
+  }, w = (_) => {
+    n = _;
   };
   onUnmounted(async () => {
     await m();
   });
-  const E = (b) => {
-    d = b;
-  }, x = (b) => {
-    s = b;
-  }, A = (b) => {
-    l = b;
+  const E = (_) => {
+    d = _;
+  }, x = (_) => {
+    s = _;
+  }, A = (_) => {
+    l = _;
   };
   return {
     websocket: readonly(f),
     connectionStatus: readonly(c),
     openWebsocket: R,
-    send: w,
+    send: b,
     sendMontageMessage: k,
     sendFilterMessage: I,
-    sendDumpBufferRequest: F,
+    sendDumpBufferRequest: M,
     disconnect: m,
     setClearChannelsCallback: E,
     setPackageId: x,
@@ -4022,7 +4022,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     onSegment: $,
     onEvent: W,
     onChannelDetails: N,
-    onError: _
+    onError: w
   };
 }, useCanvasRenderer = () => {
   const f = ref(null), c = ref(null), v = (r, t, n) => t * (r + n), u = (r = 1) => r, o = (r, t, n, d, s, l, a = !1) => {
@@ -4048,79 +4048,79 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       return;
     }
     g.setTransform(l, 0, 0, l, 0, 0), g.clearRect(0, 0, d.cWidth, d.cHeight), m.clearRect(0, 0, d.cWidth, d.cHeight);
-    const y = t.reduce((O, w) => w.visible ? O + 1 : O, 0);
+    const y = t.reduce((O, b) => b.visible ? O + 1 : O, 0);
     i(t, d.pHeight, y), g.save();
     for (let O in r.channels)
       if (r.channels.hasOwnProperty(O)) {
-        const w = r.channels[O];
+        const b = r.channels[O];
         let k = null;
-        if (k = t.find((b) => b.id === w.id), !k || !k.visible)
+        if (k = t.find((_) => _.id === b.id), !k || !k.visible)
           continue;
-        const I = d.start, F = d.rsPeriod, $ = n.XOFFSET, W = Math.min(Math.round(d.cHeight / r.channels.length - 2), 10);
-        for (let b = 0; b < k.dataSegments.length; b += 2) {
-          if (k.dataSegments[b + 1] < I) {
+        const I = d.start, M = d.rsPeriod, $ = n.XOFFSET, W = Math.min(Math.round(d.cHeight / r.channels.length - 2), 10);
+        for (let _ = 0; _ < k.dataSegments.length; _ += 2) {
+          if (k.dataSegments[_ + 1] < I) {
             console.log("skipping something");
             continue;
           }
-          if (k.dataSegments[b] > I + d.duration) {
+          if (k.dataSegments[_] > I + d.duration) {
             console.log("breaking something");
             break;
           }
-          let D = Math.floor($ + (k.dataSegments[b] - I) / F), B = Math.floor($ + (k.dataSegments[b + 1] - I) / F), M = Math.floor(k.rowBaseline - W / 2);
-          m.fillRect(D, M, B - D, W);
+          let F = Math.floor($ + (k.dataSegments[_] - I) / M), L = Math.floor($ + (k.dataSegments[_ + 1] - I) / M), D = Math.floor(k.rowBaseline - W / 2);
+          m.fillRect(F, D, L - F, W);
         }
-        e(k, w, d, n, s, a);
-        const N = w.blocks.length;
-        let _ = "Continuous";
-        N && (_ = w.blocks[0].type), k.hover ? k.selected ? (g.strokeStyle = "rgba(39,96,255,0.70)", g.fillStyle = "rgba(39,96,255,0.70)") : (g.strokeStyle = "rgba(39,96,255,0.60)", g.fillStyle = "rgba(39,96,255,0.60)") : k.selected ? (g.strokeStyle = "rgb(249,162,58)", g.fillStyle = "rgb(3249,162,58)") : _ === "Neural" ? g.strokeStyle = "rgb(249,162,58)" : (g.strokeStyle = "black", g.fillStyle = "black");
+        e(k, b, d, n, s, a);
+        const N = b.blocks.length;
+        let w = "Continuous";
+        N && (w = b.blocks[0].type), k.hover ? k.selected ? (g.strokeStyle = "rgba(39,96,255,0.70)", g.fillStyle = "rgba(39,96,255,0.70)") : (g.strokeStyle = "rgba(39,96,255,0.60)", g.fillStyle = "rgba(39,96,255,0.60)") : k.selected ? (g.strokeStyle = "rgb(249,162,58)", g.fillStyle = "rgb(3249,162,58)") : w === "Neural" ? g.strokeStyle = "rgb(249,162,58)" : (g.strokeStyle = "black", g.fillStyle = "black");
         let E = null, x = !0, A = 1e6 * (1 / k.sf);
-        for (let b = 0; b < N; b++) {
-          const D = w.blocks[b];
-          if (D.nrPoints === 0) {
+        for (let _ = 0; _ < N; _++) {
+          const F = b.blocks[_];
+          if (F.nrPoints === 0) {
             console.log("zero points");
             continue;
           }
-          const B = D.cData, M = D.nrPoints, z = B[0], U = B[1], L = B[2];
-          let V = D.renderStartIndex, K = D.renderEndIndex;
-          switch (m.clearRect(Math.floor(z[V]), Math.floor(k.rowBaseline - W / 2), Math.ceil(z[K] - z[V] + 2), W + 1), D.type) {
+          const L = F.cData, D = F.nrPoints, B = L[0], J = L[1], z = L[2];
+          let V = F.renderStartIndex, K = F.renderEndIndex;
+          switch (m.clearRect(Math.floor(B[V]), Math.floor(k.rowBaseline - W / 2), Math.ceil(B[K] - B[V] + 2), W + 1), F.type) {
             case "Continuous":
             case "realtime":
-              if (D.isMinMax) {
-                if (D.samplePeriod / A < 3 && (x = !1), x) {
-                  g.beginPath(), b > 0 && z[V] < E.x + 3 ? g.moveTo(E.x, E.y) : g.moveTo(z[V], U[V]);
+              if (F.isMinMax) {
+                if (F.samplePeriod / A < 3 && (x = !1), x) {
+                  g.beginPath(), _ > 0 && B[V] < E.x + 3 ? g.moveTo(E.x, E.y) : g.moveTo(B[V], J[V]);
                   for (let X = V; X < K + 1; X++)
-                    g.lineTo(z[X], U[X]);
+                    g.lineTo(B[X], J[X]);
                   for (let X = K - 1; X >= V; X--)
-                    g.lineTo(z[X], L[X]);
-                  b > 0 && z[V] < E.x + 3 && g.lineTo(E.x, E.y2), g.closePath(), g.fill();
+                    g.lineTo(B[X], z[X]);
+                  _ > 0 && B[V] < E.x + 3 && g.lineTo(E.x, E.y2), g.closePath(), g.fill();
                 } else {
                   g.beginPath();
                   for (let X = V; X < K + 1; X++)
-                    g.lineTo(z[X], U[X]), g.lineTo(z[X], L[X]), g.moveTo(z[X], U[X]);
+                    g.lineTo(B[X], J[X]), g.lineTo(B[X], z[X]), g.moveTo(B[X], J[X]);
                   g.stroke();
                 }
-                g.beginPath(), g.moveTo(z[V], U[V]);
+                g.beginPath(), g.moveTo(B[V], J[V]);
                 for (let X = V; X < K + 1; X++)
-                  g.lineTo(z[X], U[X]);
+                  g.lineTo(B[X], J[X]);
                 g.stroke();
               } else {
-                b === 0 ? (g.beginPath(), g.moveTo(z[V], U[V])) : z[V] > E.x + 2 && g.moveTo(z[V], U[V]);
+                _ === 0 ? (g.beginPath(), g.moveTo(B[V], J[V])) : B[V] > E.x + 2 && g.moveTo(B[V], J[V]);
                 for (let X = V; X < K + 1; X++)
-                  g.lineTo(z[X], U[X]);
-                b === N - 1 && g.stroke();
+                  g.lineTo(B[X], J[X]);
+                _ === N - 1 && g.stroke();
               }
               break;
             case "Neural":
               g.beginPath();
-              for (let X = 0; X < M; X++)
-                g.moveTo(z[X], U[X]), g.lineTo(z[X], L[X]);
+              for (let X = 0; X < D; X++)
+                g.moveTo(B[X], J[X]), g.lineTo(B[X], z[X]);
               g.stroke();
               break;
           }
           E = {
-            x: z[M - 1],
-            y: U[M - 1],
-            y2: L[M - 1]
+            x: B[D - 1],
+            y: J[D - 1],
+            y2: z[D - 1]
           };
         }
       }
@@ -4146,9 +4146,9 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       case "UNIT":
         if (!l)
           for (let m = 0; m < a; m++) {
-            const R = t.blocks[m], g = R.cData, y = R.parsedData, O = d.XOFFSET, w = R.parsedData[0].length, k = g[0], I = g[1], F = g[2], $ = y[0], W = r.rowBaseline | 0, N = n.start, _ = n.rsPeriod, E = n.cHeight / (2 * (n.nrVisibleChannels + 1)) | 0;
-            for (let x = 0; x < w; x++)
-              k[x] = O + ($[x] - N) / _, I[x] = W - E, F[x] = W + E;
+            const R = t.blocks[m], g = R.cData, y = R.parsedData, O = d.XOFFSET, b = R.parsedData[0].length, k = g[0], I = g[1], M = g[2], $ = y[0], W = r.rowBaseline | 0, N = n.start, w = n.rsPeriod, E = n.cHeight / (2 * (n.nrVisibleChannels + 1)) | 0;
+            for (let x = 0; x < b; x++)
+              k[x] = O + ($[x] - N) / w, I[x] = W - E, M[x] = W + E;
           }
         break;
       case "CONTINUOUS":
@@ -4166,12 +4166,12 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           R.renderStartIndex = g > 0 ? g : 0;
           let y = Math.floor((n.start + n.duration - (R.startTs + R.nrPoints * R.samplePeriod)) / R.samplePeriod);
           R.renderEndIndex = y >= 0 ? R.nrPoints - 1 : R.nrPoints + y;
-          const O = R.cData, w = R.parsedData, k = s * r.rowScale, I = d.XOFFSET, F = R.parsedData[0].length, $ = O[0], W = O[1], N = O[2], _ = w[0], E = w[1], x = w[2], A = r.rowBaseline;
-          let b = 0;
-          d.USEMEDIAN ? b = t.median : b = t.mean;
-          const D = n.rsPeriod, B = n.start;
-          for (let M = 0; M < F; M++)
-            $[M] = I + (_[M] - B) / D, W[M] = A - (E[M] - b) * k, R.isMinMax && (E[M] === x[M] ? N[M] = W[M] + 1 : N[M] = A - (x[M] - b) * k);
+          const O = R.cData, b = R.parsedData, k = s * r.rowScale, I = d.XOFFSET, M = R.parsedData[0].length, $ = O[0], W = O[1], N = O[2], w = b[0], E = b[1], x = b[2], A = r.rowBaseline;
+          let _ = 0;
+          d.USEMEDIAN ? _ = t.median : _ = t.mean;
+          const F = n.rsPeriod, L = n.start;
+          for (let D = 0; D < M; D++)
+            $[D] = I + (w[D] - L) / F, W[D] = A - (E[D] - _) * k, R.isMinMax && (E[D] === x[D] ? N[D] = W[D] + 1 : N[D] = A - (x[D] - _) * k);
         }
         break;
     }
@@ -4190,46 +4190,46 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     start: 0,
     duration: 0,
     channels: []
-  }), u = ref(!1), o = ref(0), i = ref(null), e = ref(1), r = 15e6, t = 3, n = (w, k, I, F) => {
-    F || (F = 0);
-    let $ = d(w, k, F, w.length - 1, I);
+  }), u = ref(!1), o = ref(0), i = ref(null), e = ref(1), r = 15e6, t = 3, n = (b, k, I, M) => {
+    M || (M = 0);
+    let $ = d(b, k, M, b.length - 1, I);
     return $ === -1 ? $ = 0 : $ < 0 && ($ = -$ - 2), $;
-  }, d = (w, k, I, F, $) => {
-    if (F < I) {
+  }, d = (b, k, I, M, $) => {
+    if (M < I) {
       let N;
-      if (F >= 0 ? N = F : N = -F - 2, N === -1)
+      if (M >= 0 ? N = M : N = -M - 2, N === -1)
         return N;
-      const _ = w[N].pageStart;
-      for (; N >= 0 && w[N].pageStart === _; )
+      const w = b[N].pageStart;
+      for (; N >= 0 && b[N].pageStart === w; )
         N--;
       return N++, -N - 2;
     }
-    const W = parseInt((I + F) / 2);
-    if (w[W].pageStart > k)
-      return d(w, k, I, W - 1, $);
-    if (w[W].pageStart < k)
-      return d(w, k, W + 1, F, $);
+    const W = parseInt((I + M) / 2);
+    if (b[W].pageStart > k)
+      return d(b, k, I, W - 1, $);
+    if (b[W].pageStart < k)
+      return d(b, k, W + 1, M, $);
     {
       let N = W;
       if ($) {
-        for (; N >= 0 && w[N].pageStart === k; )
+        for (; N >= 0 && b[N].pageStart === k; )
           N--;
         N++;
       } else {
-        for (; N < w.length && w[N].pageStart === k; )
+        for (; N < b.length && b[N].pageStart === k; )
           N++;
         N--;
       }
       return N;
     }
-  }, s = (w, k, I) => {
-    if (!w)
+  }, s = (b, k, I) => {
+    if (!b)
       return Promise.resolve();
-    const F = [];
-    if (w.length > 0) {
+    const M = [];
+    if (b.length > 0) {
       const $ = [];
-      for (let W = 0; W < w.length; W++) {
-        const N = w[W].content, E = {
+      for (let W = 0; W < b.length; W++) {
+        const N = b[W].content, E = {
           id: I ? I(N) : N.id,
           serverId: N.serverId,
           label: N.name,
@@ -4243,8 +4243,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           gaps: [],
           dataSegments: []
         }, x = E.label.split("<->", 3), A = x[0];
-        let b = x.length > 1 ? parseFloat(x[1]) : 0;
-        b = isNaN(b) ? x[1] : b, $.push({
+        let _ = x.length > 1 ? parseFloat(x[1]) : 0;
+        _ = isNaN(_) ? x[1] : _, $.push({
           id: E.id,
           serverId: E.serverId,
           type: E.type,
@@ -4252,7 +4252,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           displayName: E.displayName,
           label_split: x,
           label_prefix: A,
-          label_value: b,
+          label_value: _,
           dataSegments: [],
           rank: W,
           visible: !0,
@@ -4267,94 +4267,94 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           filter: {},
           hideFilter: !0,
           isEditing: !1
-        }), F.push(E);
+        }), M.push(E);
       }
       k && k.setChannels($);
     }
-    return l(F), f.value = F, o.value = w.length, u.value = !0, Promise.resolve();
-  }, l = (w) => {
+    return l(M), f.value = M, o.value = b.length, u.value = !0, Promise.resolve();
+  }, l = (b) => {
     var k, I;
-    if (w.length === 0) {
+    if (b.length === 0) {
       i.value = null;
       return;
     }
-    i.value = ((I = (k = w[0]) == null ? void 0 : k.gaps) == null ? void 0 : I[0]) || null;
-  }, a = (w) => {
+    i.value = ((I = (k = b[0]) == null ? void 0 : k.gaps) == null ? void 0 : I[0]) || null;
+  }, a = (b) => {
     let k = null;
-    const I = w.data.chId || w.data.source, F = w.data.label || w.data.name;
+    const I = b.data.chId || b.data.source, M = b.data.label || b.data.name;
     if (k = f.value.find(
-      ($) => $.serverId === I && $.label === F
+      ($) => $.serverId === I && $.label === M
     ), !k) {
       console.error("❌ NO EXACT MATCH - rejecting to prevent data corruption:", {
         serverResponseId: I,
-        serverResponseName: F,
+        serverResponseName: M,
         availableChannels: f.value.map(($) => ({
           id: $.id,
           serverId: $.serverId,
           label: $.label,
           matches: {
             serverId: $.serverId === I,
-            label: $.label === F
+            label: $.label === M
           }
         }))
       });
       return;
     }
-    switch (w.type) {
+    switch (b.type) {
       case "gap":
       case "Neural":
       case "Continuous":
         let $ = !1, W = k && k.segments;
-        if (W && w.type !== "gap" && ($ = !0, W.length > 0)) {
-          let _ = n(W, w.data.startTs, !0, 0);
-          for (; W[_] && W[_].pageStart === w.data.pageStart; ) {
-            if (W[_].startTs === w.data.startTs) {
+        if (W && b.type !== "gap" && ($ = !0, W.length > 0)) {
+          let w = n(W, b.data.startTs, !0, 0);
+          for (; W[w] && W[w].pageStart === b.data.pageStart; ) {
+            if (W[w].startTs === b.data.startTs) {
               $ = !1;
               break;
             }
-            _++;
+            w++;
           }
         }
-        let N = c.value.get(w.data.pageStart);
+        let N = c.value.get(b.data.pageStart);
         if (N) {
-          let _ = N.counter.get(k.id);
-          if (isNaN(_) && (_ = w.nrResponses || 1, N.counter.set(k.id, _)), _ > 0 && (_ = _ - 1, N.counter.set(k.id, _)), _ === 0) {
+          let w = N.counter.get(k.id);
+          if (isNaN(w) && (w = b.nrResponses || 1, N.counter.set(k.id, w)), w > 0 && (w = w - 1, N.counter.set(k.id, w)), w === 0) {
             let E = !0;
             for (let [x, A] of N.counter.entries())
               if (A > 0 || isNaN(A)) {
                 E = !1;
                 break;
               }
-            E && c.value.delete(w.data.pageStart);
+            E && c.value.delete(b.data.pageStart);
           }
         }
-        $ && (W.push(w.data), W.sort((_, E) => _.startTs < E.startTs ? -1 : _.startTs > E.startTs ? 1 : 0));
+        $ && (W.push(b.data), W.sort((w, E) => w.startTs < E.startTs ? -1 : w.startTs > E.startTs ? 1 : 0));
         break;
     }
   }, h = () => {
     i.value = [], c.value.clear();
-    for (let w = 0; w < f.value.length; w++)
-      f.value[w].segments = [];
-    for (let w = 0; w < v.channels.length; w++)
-      v.channels[w].blocks = [];
-  }, m = (w) => {
-    let k = 0, I = 0, F = v.channels;
-    for (let W = 0; W < F.length; W++) {
-      let N = F[W].blocks;
-      for (let _ = 0; _ < N.length; _++)
-        N[_].type === "Continuous" && (k += R(N[_].parsedData[1]), I++);
+    for (let b = 0; b < f.value.length; b++)
+      f.value[b].segments = [];
+    for (let b = 0; b < v.channels.length; b++)
+      v.channels[b].blocks = [];
+  }, m = (b) => {
+    let k = 0, I = 0, M = v.channels;
+    for (let W = 0; W < M.length; W++) {
+      let N = M[W].blocks;
+      for (let w = 0; w < N.length; w++)
+        N[w].type === "Continuous" && (k += R(N[w].parsedData[1]), I++);
     }
     const $ = k / I;
-    return !isNaN($) && w ? w / F.length / (2 * $) : 1;
-  }, R = (w) => {
-    const k = g(w), I = w.map(function(W) {
+    return !isNaN($) && b ? b / M.length / (2 * $) : 1;
+  }, R = (b) => {
+    const k = g(b), I = b.map(function(W) {
       const N = W - k;
       return N * N;
-    }), F = g(I);
-    return Math.sqrt(F);
-  }, g = (w) => w.reduce(function(F, $) {
-    return F + $;
-  }, 0) / w.length;
+    }), M = g(I);
+    return Math.sqrt(M);
+  }, g = (b) => b.reduce(function(M, $) {
+    return M + $;
+  }, 0) / b.length;
   return {
     // State
     chData: f,
@@ -4374,10 +4374,10 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     invalidate: h,
     autoScaleViewData: m,
     segmIndexOf: n,
-    updateCurrentRequestedSamplePeriod: (w) => {
-      e.value = Math.ceil(w);
+    updateCurrentRequestedSamplePeriod: (b) => {
+      e.value = Math.ceil(b);
     },
-    isDataCurrentForViewport: (w) => w && w.startTs && w.startTs > 0,
+    isDataCurrentForViewport: (b) => b && b.startTs && b.startTs > 0,
     // Helpers
     standardDeviation: R,
     average: g
@@ -4398,63 +4398,63 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       } else
         console.log("✅ No more prefetch requests, stopping prefetch timer"), clearInterval(v.value), u.value = !1;
     };
-  }, n = (y, O, w, k, I, F, $, W, N, _) => {
-    k.start = O, k.duration = w;
+  }, n = (y, O, b, k, I, M, $, W, N, w) => {
+    k.start = O, k.duration = b;
     const E = [];
     for (let x = 0; x < k.channels.length; x++) {
-      const A = _ ? _(k.channels[x]) : k.channels[x].id;
+      const A = w ? w(k.channels[x]) : k.channels[x].id;
       E.push(A);
     }
     for (let x = 0; x < y.length; x++) {
-      const A = y[x], b = _ ? _(A) : A.id;
-      E.indexOf(b) < 0 && k.channels.push({
-        id: b,
+      const A = y[x], _ = w ? w(A) : A.id;
+      E.indexOf(_) < 0 && k.channels.push({
+        id: _,
         mean: null,
         firstRenderedIndex: 0,
         lastRenderedIndex: 0,
         blocks: []
       });
     }
-    return d(y, O, w, k, I, F, $, W, N, _);
-  }, d = (y, O, w, k, I, F, $, W, N, _) => {
+    return d(y, O, b, k, I, M, $, W, N, w);
+  }, d = (y, O, b, k, I, M, $, W, N, w) => {
     f.value = [];
     let x = !1;
-    (i.value !== O || e.value !== w) && (c.value = [], x = !0), i.value = O, e.value = w;
+    (i.value !== O || e.value !== b) && (c.value = [], x = !0), i.value = O, e.value = b;
     const A = [];
-    for (let b = 0; b < k.channels.length; b++)
-      A.push(k.channels[b]);
-    for (let b = 0; b < y.length; b++) {
-      let D = !1;
-      const B = y[b], M = B.segments, z = _ ? _(B) : B.id, U = A.findIndex((ne) => (_ ? _(ne) : ne.id) === z);
-      if (U === -1)
+    for (let _ = 0; _ < k.channels.length; _++)
+      A.push(k.channels[_]);
+    for (let _ = 0; _ < y.length; _++) {
+      let F = !1;
+      const L = y[_], D = L.segments, B = w ? w(L) : L.id, J = A.findIndex((ne) => (w ? w(ne) : ne.id) === B);
+      if (J === -1)
         continue;
-      const L = k.channels[U];
-      if (!L)
+      const z = k.channels[J];
+      if (!z)
         continue;
-      L.blocks = [];
+      z.blocks = [];
       let V = Math.floor(O / 15e6) * 15e6;
       V < 0 && (V = 0);
       let K = 0, X = 0;
-      M.length > 0 && (K = N(M, V, !0, 0));
-      let ce = O + w + F.PREFETCHPAGES * 15e6;
+      D.length > 0 && (K = N(D, V, !0, 0));
+      let ce = O + b + M.PREFETCHPAGES * 15e6;
       ce > W && (ce = W);
       let j;
-      for (M.length > 0 && (j = M[K]); V < ce || D; ) {
-        D = !1;
+      for (D.length > 0 && (j = D[K]); V < ce || F; ) {
+        F = !1;
         let ne = !1;
         if (j && (ne = V >= j.pageStart && V <= j.pageEnd), ne) {
-          let fe = j.startTs < O + w;
-          X += 1, V += 15e6, fe && L.blocks.push(j);
+          let fe = j.startTs < O + b;
+          X += 1, V += 15e6, fe && z.blocks.push(j);
           const se = j.pageStart;
-          j = M[K + X], j && se === j.pageStart && (D = !0);
+          j = D[K + X], j && se === j.pageStart && (F = !0);
         } else {
           if (I.get(V)) {
             if (V += 15e6, j && V >= j.pageEnd)
-              for (; j && j.pageEnd < V && (X += 1, j = M[K + X], !!j); )
+              for (; j && j.pageEnd < V && (X += 1, j = D[K + X], !!j); )
                 ;
             continue;
           }
-          let fe = V < O + w, se = !1;
+          let fe = V < O + b, se = !1;
           if (fe) {
             for (let le in c.value)
               if (c.value[le].start === V) {
@@ -4462,9 +4462,9 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
                 break;
               }
             for (let le in f.value)
-              f.value[le].start === V && (f.value[le].channels.push(B), se = !0);
+              f.value[le].start === V && (f.value[le].channels.push(L), se = !0);
             se || f.value.push({
-              channels: [B],
+              channels: [L],
               start: V,
               duration: 15e6,
               isInViewport: !0,
@@ -4472,9 +4472,9 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
             });
           } else if (x) {
             for (let le in c.value)
-              c.value[le].start === V && (c.value[le].channels.push(B), se = !0);
+              c.value[le].start === V && (c.value[le].channels.push(L), se = !0);
             se || c.value.push({
-              channels: [B],
+              channels: [L],
               start: V,
               duration: 15e6,
               isInViewport: !1,
@@ -4482,63 +4482,63 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
             });
           }
           if (V += 15e6, j && V >= j.pageEnd)
-            for (; j && j.pageEnd < V && (X += 1, j = M[K + X], !!j); )
+            for (; j && j.pageEnd < V && (X += 1, j = D[K + X], !!j); )
               ;
         }
       }
-      L.blocks.sort(s);
+      z.blocks.sort(s);
     }
     return {
       asyncRequests: f.value,
       asyncPreRequests: c.value
     };
-  }, s = (y, O) => y.startTs < O.startTs ? -1 : y.startTs > O.startTs ? 1 : 0, l = (y, O = 0, w, k, I, F, $, W) => {
+  }, s = (y, O) => y.startTs < O.startTs ? -1 : y.startTs > O.startTs ? 1 : 0, l = (y, O = 0, b, k, I, M, $, W) => {
     if (y.length === 0)
       return console.log("⚠️ No requests to send"), !1;
     const N = W;
-    for (let _ = 0; _ < y.length; _++) {
+    for (let w = 0; w < y.length; w++) {
       let E;
-      _ === 0 ? E = y[O] : _ === O ? E = y[0] : E = y[_];
+      w === 0 ? E = y[O] : w === O ? E = y[0] : E = y[w];
       let x = E.start + E.duration;
       x > N && (x = N);
-      const A = w;
+      const A = b;
       if (A && A.readyState === 1) {
-        const b = E.channels.map((L) => {
-          const V = L.serverId || L.id, K = L.label || L.name;
+        const _ = E.channels.map((z) => {
+          const V = z.serverId || z.id, K = z.label || z.name;
           return {
             id: V,
             // Server expects serverId
             name: K
           };
-        }), D = {
+        }), F = {
           session: k,
           minMax: !0,
           startTime: E.start,
           endTime: x,
           packageId: I.content.id,
           pixelWidth: E.pixelWidth,
-          virtualChannels: b
-        }, B = JSON.stringify(D);
-        A.send(B);
-        const M = E.channels.length, z = /* @__PURE__ */ new Map();
-        for (let L = 0; L < M; L++) {
-          const V = E.channels[L].id;
-          z.set(V, NaN);
+          virtualChannels: _
+        }, L = JSON.stringify(F);
+        A.send(L);
+        const D = E.channels.length, B = /* @__PURE__ */ new Map();
+        for (let z = 0; z < D; z++) {
+          const V = E.channels[z].id;
+          B.set(V, NaN);
         }
-        const U = {
-          count: M,
-          counter: z,
+        const J = {
+          count: D,
+          counter: B,
           subPageCount: NaN,
           ts: Date.now(),
           inViewport: E.isInViewport,
           // Add debug info
-          channels: E.channels.map((L) => ({
-            id: L.id,
-            serverId: L.serverId,
-            label: L.label
+          channels: E.channels.map((z) => ({
+            id: z.id,
+            serverId: z.serverId,
+            label: z.label
           }))
         };
-        $.set(E.start, U);
+        $.set(E.start, J);
       } else
         return console.error("❌ WebSocket not ready for sending requests:", {
           readyState: A == null ? void 0 : A.readyState,
@@ -4559,19 +4559,19 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
   }, R = () => {
     const y = f.value.slice();
     return f.value = [], y;
-  }, g = (y, O, w) => {
+  }, g = (y, O, b) => {
     const k = [];
-    return y.forEach(function(I, F) {
+    return y.forEach(function(I, M) {
       if (!isNaN(I.subPageCount)) {
         const $ = [];
         I.counter.forEach(function(W, N) {
           !isNaN(W) && W > 0 && $.push(N);
         }), $.length > 0 && k.push({
           channels: $,
-          start: F,
+          start: M,
           duration: O,
           isInViewport: !0,
-          pixelWidth: Math.ceil(w)
+          pixelWidth: Math.ceil(b)
         });
       }
     }), y.clear(), k;
@@ -4604,149 +4604,143 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     lastProcessingTime: 0
   }), i = ref(/* @__PURE__ */ new Map()), e = ref(/* @__PURE__ */ new Map()), r = computed(
     () => c.value !== "NOT_MONTAGED"
-  ), t = computed(() => !r.value || !v.value ? null : v.value.find((_) => _.name === c.value)), n = computed(() => {
-    var _;
-    return ((_ = t.value) == null ? void 0 : _.channelPairs) || {};
+  ), t = computed(() => !r.value || !v.value ? null : v.value.find((w) => w.name === c.value)), n = computed(() => {
+    var w;
+    return ((w = t.value) == null ? void 0 : w.channelPairs) || {};
   });
   watch(c, () => {
     i.value.clear(), e.value.clear();
   });
-  const d = (_) => _ ? propOr("", "id", _) : "", s = (_) => _ ? propOr("", "serverId", _) || propOr("", "id", _) : "", l = (_) => propOr("", "id", _), a = (_) => {
-    if (!_) return "";
-    let E = propOr("", "id", _);
+  const d = (w) => w ? propOr("", "id", w) : "", s = (w) => w ? propOr("", "serverId", w) || propOr("", "id", w) : "", l = (w) => propOr("", "id", w), a = (w) => {
+    if (!w) return "";
+    let E = propOr("", "id", w);
     if (r.value && typeof E == "string") {
       const x = E.split("_");
       E = x.length > 1 ? head(x) : E;
     }
     return E;
-  }, h = (_, E, x = null) => {
-    var B, M;
-    const A = x || c.value, b = `${_}_${E}_${A}`;
-    if (e.value.has(b))
-      return e.value.get(b);
-    let D = `${_}-${E}`;
+  }, h = (w, E, x = null) => {
+    var L, D;
+    const A = x || c.value, _ = `${w}_${E}_${A}`;
+    if (e.value.has(_))
+      return e.value.get(_);
+    let F = `${w}-${E}`;
     if (A !== "NOT_MONTAGED") {
-      const z = (B = v.value) == null ? void 0 : B.find((U) => U.name === A);
-      if (z != null && z.channelPairs)
-        for (const U of Object.keys(z.channelPairs)) {
-          const L = z.channelPairs[U];
-          if (((M = L.channels) == null ? void 0 : M.length) === 2 && L.channels[0] === _ && L.channels[1] === E) {
-            D = L.name || D;
+      const B = (L = v.value) == null ? void 0 : L.find((J) => J.name === A);
+      if (B != null && B.channelPairs)
+        for (const J of Object.keys(B.channelPairs)) {
+          const z = B.channelPairs[J];
+          if (((D = z.channels) == null ? void 0 : D.length) === 2 && z.channels[0] === w && z.channels[1] === E) {
+            F = z.name || F;
             break;
           }
         }
     }
-    return e.value.set(b, D), D;
-  }, m = (_) => {
-    if (!Array.isArray(_))
-      return console.warn("Invalid channel details provided:", _), [];
+    return e.value.set(_, F), F;
+  }, m = (w) => {
+    if (!Array.isArray(w))
+      return console.warn("Invalid channel details provided:", w), [];
     const E = performance.now();
-    o.totalChannels = _.length, o.processedChannels = 0, o.errors = 0;
-    const x = _.map(({ id: A, name: b }) => {
-      var D;
+    o.totalChannels = w.length, o.processedChannels = 0, o.errors = 0;
+    const x = w.map(({ id: A, name: _ }) => {
+      var F;
       try {
-        const B = R(A);
-        if (!B)
+        const L = R(A);
+        if (!L)
           return console.warn(
             `❌ Base channel not found for ID: ${A}, available base channels:`,
-            ((D = f.value) == null ? void 0 : D.map((z) => {
-              var U, L;
-              return { id: (U = z.content) == null ? void 0 : U.id, name: (L = z.content) == null ? void 0 : L.name };
-            })) || []
+            ((F = f.value) == null ? void 0 : F.map((B) => ({ id: B == null ? void 0 : B.id, name: B == null ? void 0 : B.name }))) || []
           ), o.errors++, null;
-        const M = g(A, b, B);
-        return o.processedChannels++, r.value && o.montageChannels++, M;
-      } catch (B) {
-        return console.error(`❌ Error processing channel ${A}:`, B), o.errors++, null;
+        const D = g(A, _, L);
+        return o.processedChannels++, r.value && o.montageChannels++, D;
+      } catch (L) {
+        return console.error(`❌ Error processing channel ${A}:`, L), o.errors++, null;
       }
     }).filter(Boolean);
     return o.lastProcessingTime = performance.now() - E, x;
-  }, R = (_) => {
+  }, R = (w) => {
     var x;
-    if (i.value.has(_))
-      return i.value.get(_);
-    const E = (x = f.value) == null ? void 0 : x.find((A) => {
-      var b;
-      return ((b = A.content) == null ? void 0 : b.id) === _;
-    });
-    return E && i.value.set(_, E), E;
-  }, g = (_, E, x) => {
+    if (i.value.has(w))
+      return i.value.get(w);
+    const E = (x = f.value) == null ? void 0 : x.find((A) => (A == null ? void 0 : A.id) === w);
+    return E && i.value.set(w, E), E;
+  }, g = (w, E, x) => {
     let A = E;
-    const b = _;
-    let D = _;
+    const _ = w;
+    let F = w;
     if (r.value) {
-      D = `${_}_${E}`;
-      const M = E.split("<->", 2);
-      M.length === 2 && (A = h(M[0], M[1]), console.log("🎭 Montage display name created:", {
+      F = `${w}_${E}`;
+      const D = E.split("<->", 2);
+      D.length === 2 && (A = h(D[0], D[1]), console.log("🎭 Montage display name created:", {
         originalName: E,
-        channelParts: M,
+        channelParts: D,
         displayName: A
       }));
     }
     return {
       content: {
-        id: D,
+        id: F,
         // ✅ Unique for client-side operations
-        serverId: b,
+        serverId: _,
         // ✅ What server provided/expects
         name: E,
-        channelType: x.content.channelType,
+        channelType: x.channelType,
         label: E,
         displayName: A,
-        unit: x.content.unit,
-        rate: x.content.rate,
-        start: x.content.start,
-        end: x.content.end,
+        unit: x.unit,
+        rate: x.rate,
+        start: x.start,
+        end: x.end,
         // Additional metadata
         montageScheme: r.value ? c.value : "NOT_MONTAGED",
         isMontaged: r.value,
-        baseChannelId: _
+        baseChannelId: w
         // Keep reference for debugging
       },
       properties: x.properties || []
     };
-  }, y = (_) => {
-    var A, b, D, B;
-    if (_ === "NOT_MONTAGED")
+  }, y = (w) => {
+    var A, _;
+    if (w === "NOT_MONTAGED")
       return {
         montage: "NOT_MONTAGED",
-        packageId: (b = (A = u.value) == null ? void 0 : A.content) == null ? void 0 : b.id,
+        packageId: (A = u.value) == null ? void 0 : A.id,
         montageMap: []
       };
-    const E = v.value.find((M) => M.name === _);
+    const E = v.value.find((F) => F.name === w);
     if (!E)
-      return console.warn("Montage not found:", _), null;
-    const x = E.channelPairs.map((M) => M.channels);
+      return console.warn("Montage not found:", w), null;
+    const x = E.channelPairs.map((F) => F.channels);
     return {
       montage: "CUSTOM_MONTAGE",
-      packageId: (B = (D = u.value) == null ? void 0 : D.content) == null ? void 0 : B.id,
+      packageId: (_ = u.value) == null ? void 0 : _.content.id,
       montageMap: x
     };
-  }, O = (_) => {
+  }, O = (w) => {
     const E = [];
-    if (!_)
+    if (!w)
       return E.push("Channel configuration is null or undefined"), { isValid: !1, errors: E };
     const x = ["id", "label", "type", "unit", "rate"];
-    for (const b of x)
-      _[b] || E.push(`Missing required field: ${b}`);
-    _.rate && (typeof _.rate != "number" || _.rate <= 0) && E.push("Sample rate must be a positive number"), _.start && _.end && _.start >= _.end && E.push("Channel start time must be less than end time");
+    for (const _ of x)
+      w[_] || E.push(`Missing required field: ${_}`);
+    w.rate && (typeof w.rate != "number" || w.rate <= 0) && E.push("Sample rate must be a positive number"), w.start && w.end && w.start >= w.end && E.push("Channel start time must be less than end time");
     const A = ["CONTINUOUS", "UNIT", "Neural"];
-    return _.type && !A.includes(_.type) && E.push(`Invalid channel type: ${_.type}. Must be one of: ${A.join(", ")}`), {
+    return w.type && !A.includes(w.type) && E.push(`Invalid channel type: ${w.type}. Must be one of: ${A.join(", ")}`), {
       isValid: E.length === 0,
       errors: E
     };
-  }, w = (_) => _.sort((E, x) => {
-    const A = E.label || "", b = x.label || "", D = A.split("<->", 3), B = b.split("<->", 3);
-    if (D.length > 2 || B.length > 2)
-      return A.localeCompare(b);
-    const M = D[0] || "", z = B[0] || "";
-    if (M === z && D.length > 1 && B.length > 1) {
-      const U = parseFloat(D[1]), L = parseFloat(B[1]);
-      return !isNaN(U) && !isNaN(L) ? U - L : D[1].localeCompare(B[1]);
-    }
-    return M.localeCompare(z);
-  }), k = (_, E = 0) => {
-    const x = _.content, A = x.label.split("<->", 3), b = A[0] || "", D = A.length > 1 ? isNaN(parseFloat(A[1])) ? A[1] : parseFloat(A[1]) : 0;
+  }, b = (w) => w.sort((E, x) => {
+    const A = E.label || "", _ = x.label || "", F = A.split("<->", 3), L = _.split("<->", 3);
+    if (F.length > 2 || L.length > 2)
+      return A.localeCompare(_);
+    const D = F[0] || "", B = L[0] || "";
+    if (D === B && F.length > 1 && L.length > 1) {
+      const J = parseFloat(F[1]), z = parseFloat(L[1]);
+      return !isNaN(J) && !isNaN(z) ? J - z : F[1].localeCompare(L[1]);
+    }
+    return D.localeCompare(B);
+  }), k = (w, E = 0) => {
+    const x = w.content, A = x.label.split("<->", 3), _ = A[0] || "", F = A.length > 1 ? isNaN(parseFloat(A[1])) ? A[1] : parseFloat(A[1]) : 0;
     return {
       id: x.id,
       serverId: x.serverId,
@@ -4754,8 +4748,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       label: x.label,
       displayName: x.displayName,
       labelParts: A,
-      labelPrefix: b,
-      labelValue: D,
+      labelPrefix: _,
+      labelValue: F,
       dataSegments: [],
       rank: E,
       visible: !0,
@@ -4775,49 +4769,49 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       baseChannelId: x.baseChannelId
       // For debugging/reference
     };
-  }, I = (_, E = {}) => {
+  }, I = (w, E = {}) => {
     const {
       channelType: x = null,
       visible: A = null,
-      montageScheme: b = null,
-      labelPattern: D = null,
-      sampleRate: B = null
+      montageScheme: _ = null,
+      labelPattern: F = null,
+      sampleRate: L = null
     } = E;
-    return _.filter((M) => !(x && M.type !== x || A !== null && M.visible !== A || b && M.montageScheme !== b || D && !new RegExp(D, "i").test(M.label) || B && M.sf !== B));
-  }, F = (_, E = "type") => {
+    return w.filter((D) => !(x && D.type !== x || A !== null && D.visible !== A || _ && D.montageScheme !== _ || F && !new RegExp(F, "i").test(D.label) || L && D.sf !== L));
+  }, M = (w, E = "type") => {
     const x = {};
-    return _.forEach((A) => {
-      let b;
+    return w.forEach((A) => {
+      let _;
       switch (E) {
         case "type":
-          b = A.type;
+          _ = A.type;
           break;
         case "montage":
-          b = A.montageScheme || "NOT_MONTAGED";
+          _ = A.montageScheme || "NOT_MONTAGED";
           break;
         case "prefix":
-          b = A.labelPrefix;
+          _ = A.labelPrefix;
           break;
         case "sampleRate":
-          b = A.sf;
+          _ = A.sf;
           break;
         case "unit":
-          b = A.unit;
+          _ = A.unit;
           break;
         default:
-          b = "all";
+          _ = "all";
       }
-      x[b] || (x[b] = []), x[b].push(A);
+      x[_] || (x[_] = []), x[_].push(A);
     }), x;
   }, $ = () => {
-    var _;
+    var w;
     return {
       ...o,
       cacheSize: i.value.size,
       montageCacheSize: e.value.size,
       isViewingMontage: r.value,
       currentMontageScheme: c.value,
-      availableMontages: ((_ = v.value) == null ? void 0 : _.map((E) => E.name)) || []
+      availableMontages: ((w = v.value) == null ? void 0 : w.map((E) => E.name)) || []
     };
   }, W = () => {
     i.value.clear(), e.value.clear(), Object.assign(o, {
@@ -4827,9 +4821,9 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       errors: 0,
       lastProcessingTime: 0
     });
-  }, N = async (_) => {
+  }, N = async (w) => {
     const E = [];
-    for (const x of _)
+    for (const x of w)
       try {
         const A = await x();
         E.push({ success: !0, result: A });
@@ -4855,10 +4849,10 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     // Channel configuration
     createChannelConfig: k,
     validateChannelConfig: O,
-    sortChannelConfigurations: w,
+    sortChannelConfigurations: b,
     // Utility methods
     filterChannels: I,
-    groupChannels: F,
+    groupChannels: M,
     findBaseChannel: R,
     createVirtualChannel: g,
     // Management
@@ -4914,24 +4908,24 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       disconnect: g,
       setClearChannelsCallback: y,
       onSegment: O,
-      onEvent: w,
+      onEvent: b,
       onChannelDetails: k,
       onError: I
     } = useWebSocket(), {
-      plotCanvasRef: F,
+      plotCanvasRef: M,
       blurCanvasRef: $,
       initializeCanvases: W,
       renderData: N,
-      cpCanvasScaler: _
+      cpCanvasScaler: w
     } = useCanvasRenderer(), E = ref(1), x = ref(!1), {
       chData: A,
-      requestedPages: b,
-      viewData: D,
-      channelsReady: B,
-      autoScale: M,
-      initChannels: z,
-      dataCallback: U,
-      invalidate: L,
+      requestedPages: _,
+      viewData: F,
+      channelsReady: L,
+      autoScale: D,
+      initChannels: B,
+      dataCallback: J,
+      invalidate: z,
       autoScaleViewData: V,
       segmIndexOf: K,
       updateCurrentRequestedSamplePeriod: X,
@@ -4944,12 +4938,12 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       initializePrefetch: le,
       generatePoints: me,
       requestDataFromServer: oe,
-      startPrefetching: pe,
+      startPrefetching: he,
       clearRequests: be
     } = useDataRequests(), {
       getChannelId: Se,
       processChannelData: Re,
-      createMontagePayload: ve
+      createMontagePayload: pe
     } = useChannelProcessing(e, n, d, i), Oe = ref({
       totalRequests: 0,
       successfulRequests: 0,
@@ -4958,7 +4952,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       singleChannelRequests: 0,
       lastPrefetchTime: null,
       averageResponseTime: 0
-    }), ae = ref(null), qe = ref(null), Te = ref(null), we = ref(0), ge = computed(() => E.value * u.cWidth), ye = computed(() => _(u.cHeight, E.value, 0)), de = computed(() => u.cHeight - 20), Ae = computed(() => ({
+    }), ae = ref(null), qe = ref(null), Te = ref(null), we = ref(0), ge = computed(() => E.value * u.cWidth), ye = computed(() => w(u.cHeight, E.value, 0)), de = computed(() => u.cHeight - 20), Ae = computed(() => ({
       width: u.cWidth + "px",
       height: de.value + "px"
     })), ue = reactive({
@@ -4976,35 +4970,35 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     const _e = () => {
       var T;
       try {
-        if (!B.value) {
+        if (!L.value) {
           console.log("⏳ Render skipped - channels not ready");
           return;
         }
         ue.nrVisibleChannels = ((T = t.value) == null ? void 0 : T.reduce((Z, G) => G.visible ? Z + 1 : Z, 0)) || 0;
-        let J = 0, Y = 0;
-        if (D.channels.forEach((Z, G) => {
-          const H = Z.blocks || [], Q = H.reduce((ee, te) => ee + (te.nrPoints || 0), 0);
-          H.length > 0 && (Y++, J += H.length);
+        let U = 0, Y = 0;
+        if (F.channels.forEach((Z, G) => {
+          const H = Z.blocks || [], Q = H.reduce((te, ee) => te + (ee.nrPoints || 0), 0);
+          H.length > 0 && (Y++, U += H.length);
         }), Y === 0)
           return;
         N(
-          D,
+          F,
           t.value || [],
           u.constants,
           ue,
           u.globalZoomMult,
           E.value
         );
-      } catch (J) {
-        console.error("💥 ERROR in renderDataInternal:", J), console.error("💥 Stack trace:", J.stack);
+      } catch (U) {
+        console.error("💥 ERROR in renderDataInternal:", U), console.error("💥 Stack trace:", U.stack);
       }
     }, Ee = ref(), xe = () => {
       Ee.value = setInterval(() => {
         var Y, Z;
-        if (!B.value) return;
+        if (!L.value) return;
         const T = {
           timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          requestedPagesSize: b.value.size,
+          requestedPagesSize: _.value.size,
           isPrefetching: se.value,
           pendingAsyncRequests: ne.value.length,
           pendingPreRequests: fe.value.length,
@@ -5012,18 +5006,18 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           channelCount: ((Y = t.value) == null ? void 0 : Y.length) || 0,
           visibleChannelCount: ((Z = t.value) == null ? void 0 : Z.filter((G) => G.visible).length) || 0,
           connectionStatus: l.value,
-          requestedPages: Array.from(b.value.entries()).map(([G, H]) => {
+          requestedPages: Array.from(_.value.entries()).map(([G, H]) => {
             var Q;
             return {
               pageStart: G,
               channelCount: H.count,
               inViewport: H.inViewport,
               age: Date.now() - H.ts,
-              channels: ((Q = H.channels) == null ? void 0 : Q.map((ee) => ee.id)) || Array.from(H.counter.keys())
+              channels: ((Q = H.channels) == null ? void 0 : Q.map((te) => te.id)) || Array.from(H.counter.keys())
             };
           })
-        }, J = T.requestedPages.filter((G) => G.age > 1e4);
-        J.length > 0 && console.warn("⚠️ Detected stuck requests:", J), T.pendingPreRequests > 0 && !T.isPrefetching && console.warn("⚠️ Prefetch is blocked with pending requests:", {
+        }, U = T.requestedPages.filter((G) => G.age > 1e4);
+        U.length > 0 && console.warn("⚠️ Detected stuck requests:", U), T.pendingPreRequests > 0 && !T.isPrefetching && console.warn("⚠️ Prefetch is blocked with pending requests:", {
           pendingPreRequests: T.pendingPreRequests,
           requestedPagesSize: T.requestedPagesSize
         });
@@ -5031,34 +5025,34 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     }, Ce = async () => {
       if (!t.value)
         return;
-      const T = A.value.filter((te) => {
-        const he = t.value.find(
-          (re) => re.id === te.id
+      const T = A.value.filter((ee) => {
+        const ve = t.value.find(
+          (re) => re.id === ee.id
           // Direct id comparison (both are unique)
         );
-        return he && he.visible;
-      }), J = ke.value, Y = me(
+        return ve && ve.visible;
+      }), U = ke.value, Y = me(
         T,
         u.start,
         u.duration,
-        D,
-        b.value,
+        F,
+        _.value,
         u.constants,
-        J,
+        U,
         u.ts_end,
         K,
         Se
-      ), Z = Math.ceil(J);
+      ), Z = Math.ceil(U);
       let G = !1, H = "";
       if (ae.value !== null && Z !== ae.value && (G = !0, H = `rsPeriod changed: ${ae.value} → ${Z} (resolution change)`), qe.value !== null) {
-        const te = Math.abs(u.start - qe.value), he = Math.max(u.duration, Te.value || u.duration);
-        te > he * 2 && (G = !0, H = `Large time jump: ${te} > ${he * 2} (${(te / he).toFixed(1)}x window)`);
+        const ee = Math.abs(u.start - qe.value), ve = Math.max(u.duration, Te.value || u.duration);
+        ee > ve * 2 && (G = !0, H = `Large time jump: ${ee} > ${ve * 2} (${(ee / ve).toFixed(1)}x window)`);
       }
       const Q = 15;
-      if (b.value.size > Q && (G = !0, H = `Too many pending requests: ${b.value.size} > ${Q}`), we.value >= 5 && (G = !0, H = `High stale data rate: ${we.value} consecutive stale segments`), G && !x.value) {
+      if (_.value.size > Q && (G = !0, H = `Too many pending requests: ${_.value.size} > ${Q}`), we.value >= 5 && (G = !0, H = `High stale data rate: ${we.value} consecutive stale segments`), G && !x.value) {
         x.value = !0, console.log("🚨 Dumping server buffer before new requests:", H);
         try {
-          R() && (b.value.clear(), be(), we.value = 0, await new Promise((te) => setTimeout(te, 50)));
+          R() && (_.value.clear(), be(), we.value = 0, await new Promise((ee) => setTimeout(ee, 50)));
         } finally {
           x.value = !1;
         }
@@ -5067,94 +5061,94 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         return;
       }
       ae.value = Z, qe.value = u.start, Te.value = u.duration;
-      const ee = await useToken();
+      const te = await useToken();
       Y.asyncRequests.length > 0 && oe(
         Y.asyncRequests,
         0,
         s.value,
-        ee,
+        te,
         i.value,
-        J,
-        b.value,
+        U,
+        _.value,
         u.ts_end
-      ), Y.asyncPreRequests.length > 0 && pe();
+      ), Y.asyncPreRequests.length > 0 && he();
     }, ie = () => {
       Ce(), _e();
     }, P = () => {
-      Ce(), M.value === 0 ? (M.value--, C()) : _e();
+      Ce(), D.value === 0 ? (D.value--, C()) : _e();
     }, C = () => {
       const T = V(u.cHeight);
       T && !isNaN(T) && o("setGlobalZoom", T), _e();
     }, p = createThrottle(P, 250, { leading: !1 }), S = createThrottle(() => ie(), 50);
-    watch(() => u.rsPeriod, (T, J) => {
-      T > 0 && X(T), L(), b.value.clear();
-    }), watch(() => u.duration, (T, J) => {
-      L();
+    watch(() => u.rsPeriod, (T, U) => {
+      T > 0 && X(T), z(), _.value.clear();
+    }), watch(() => u.duration, (T, U) => {
+      z();
     }), watch(() => n.value, (T) => {
       if (s.value && s.value.readyState === 1) {
-        console.log("🔄 Montage changing to:", T), b.value.clear(), be(), L(), we.value = 0, ae.value = null, qe.value = null, Te.value = null, B.value = !1;
-        const J = ve(T);
-        console.log("📡 Sending montage payload:", J), J && h(J);
+        console.log("🔄 Montage changing to:", T), _.value.clear(), be(), z(), we.value = 0, ae.value = null, qe.value = null, Te.value = null, L.value = !1;
+        const U = pe(T);
+        console.log("📡 Sending montage payload:", U), U && h(U);
       }
     }), watch(() => [u.start, u.duration, u.cWidth, u.cHeight, u.rsPeriod], () => {
       ue.start = u.start, ue.duration = u.duration, ue.cWidth = u.cWidth, ue.cHeight = u.cHeight, ue.pHeight = de.value, ue.rsPeriod = u.rsPeriod;
     }), O((T) => {
-      T.pageStart >= u.start + u.duration && (Oe.value.totalRequests++, n.value !== "NOT_MONTAGED" ? Oe.value.montageRequests++ : Oe.value.singleChannelRequests++), U(T), T.pageStart < u.start + u.duration && p();
-    }), w((T) => {
+      T.pageStart >= u.start + u.duration && (Oe.value.totalRequests++, n.value !== "NOT_MONTAGED" ? Oe.value.montageRequests++ : Oe.value.singleChannelRequests++), J(T), T.pageStart < u.start + u.duration && p();
+    }), b((T) => {
       if (!j(T.data)) {
         we.value++;
         return;
       }
-      we.value = 0, U(T), T.pageStart < u.start + u.duration && p();
+      we.value = 0, J(T), T.pageStart < u.start + u.duration && p();
     }), k((T) => {
-      const J = Re(T);
-      z(J, r, Se).then(() => {
-        L(), ie(), o("channelsInitialized");
+      const U = Re(T);
+      B(U, r, Se).then(() => {
+        z(), ie(), o("channelsInitialized");
       });
     }), I((T) => {
       r.setViewerErrors(T);
     });
     const q = async () => {
-      var Y, Z, G, H, Q;
+      var Y, Z, G;
       const T = ke.value;
       X(T), y(() => {
-        var ee;
-        if ((ee = t.value) != null && ee.length) {
-          const he = { channelFiltersToClear: t.value.map((re) => re.id) };
-          m(he);
+        var H;
+        if ((H = t.value) != null && H.length) {
+          const te = { channelFiltersToClear: t.value.map((ee) => ee.id) };
+          m(te);
         }
       });
-      const J = await useToken();
+      const U = await useToken();
       if (le(
-        (ee) => {
-          const te = ke.value;
+        (H) => {
+          const Q = ke.value;
           return oe(
-            ee,
+            H,
             0,
             s.value,
-            J,
+            U,
             i.value,
-            te,
-            b.value,
+            Q,
+            _.value,
             u.ts_end
           );
         },
-        b
-      ), (Z = (Y = i.value) == null ? void 0 : Y.content) != null && Z.id)
+        _
+      ), (Y = i.value) != null && Y.content.id)
         try {
           console.log("🔄 Opening WebSocket connection for package:", i.value.content.id), await a(
-            r.config.timeSeriesUrl,
+            r.config.timeSeriesPublicUrl,
             i.value.content.id,
-            J
+            U
           ), console.log("✅ WebSocket connection established"), xe();
-        } catch (ee) {
-          console.error("❌ Failed to establish WebSocket connection:", ee);
+        } catch (H) {
+          console.error("❌ Failed to establish WebSocket connection:", H);
           return;
         }
       console.log("🚀 TSPlotCanvas mounted with config:", {
-        activeViewerId: (H = (G = i.value) == null ? void 0 : G.content) == null ? void 0 : H.id,
+        activeViewerId: (Z = i.value) == null ? void 0 : Z.content.id,
         initialMontage: n.value,
-        baseChannelCount: ((Q = e.value) == null ? void 0 : Q.length) || 0,
+        baseChannelCount: ((G = e.value) == null ? void 0 : G.length) || 0,
         viewport: {
           start: u.start,
           duration: u.duration,
@@ -5167,19 +5161,19 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     return onMounted(async () => {
       E.value = 1, W(E.value), q();
     }), onUnmounted(() => {
-      clearInterval(Ee.value), b.value.size > 0 && R(), r.resetViewer(), be(), g(), p.cancel && p.cancel(), S.cancel && S.cancel();
+      clearInterval(Ee.value), _.value.size > 0 && R(), r.resetViewer(), be(), g(), p.cancel && p.cancel(), S.cancel && S.cancel();
     }), c({
       renderAll: ie,
-      invalidate: L,
+      invalidate: z,
       throttledDataRender: S,
       sendFilterMessage: m,
-      viewData: D,
-      requestedPages: b,
+      viewData: F,
+      requestedPages: _,
       chData: A,
       viewerChannels: t,
       currentRequestedSamplePeriod: ce,
       initPlotCanvas: q
-    }), (T, J) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
+    }), (T, U) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
       createElementVNode("canvas", {
         ref_key: "blurCanvasRef",
         ref: $,
@@ -5192,7 +5186,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       renderSlot(T.$slots, "annCanvas", {}, void 0, !0),
       createElementVNode("canvas", {
         ref_key: "plotCanvasRef",
-        ref: F,
+        ref: M,
         class: "canvas",
         width: ge.value,
         height: ye.value,
@@ -5200,7 +5194,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       }, null, 12, _hoisted_3$1)
     ]));
   }
-}, TSPlotCanvas = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-aedef617"]]), _hoisted_1 = { class: "timeseries-viewer-canvas" }, _hoisted_2 = { id: "canvasWrapper" }, _hoisted_3 = ["width", "height"], _hoisted_4 = ["width", "height"], _hoisted_5 = ["width", "height"], _hoisted_6 = ["width", "height"], _sfc_main = {
+}, TSPlotCanvas = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-109a56ec"]]), _hoisted_1 = { class: "timeseries-viewer-canvas" }, _hoisted_2 = { id: "canvasWrapper" }, _hoisted_3 = ["width", "height"], _hoisted_4 = ["width", "height"], _hoisted_5 = ["width", "height"], _hoisted_6 = ["width", "height"], _sfc_main = {
   __name: "TSViewerCanvas",
   props: {
     windowHeight: Number,
@@ -5228,12 +5222,12 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
   ],
   setup(f, { expose: c, emit: v }) {
     const u = defineAsyncComponent(
-      () => import("./TSAnnotationCanvas-CvgQNy_8.mjs")
+      () => import("./TSAnnotationCanvas-HQV-UW-j.mjs")
     ), o = f, i = v, e = useViewerStore(), { viewerChannels: r, viewerAnnotations: t, viewerActiveTool: n, viewerSelectedChannels: d } = storeToRefs(e), s = ref(null), l = ref(null), a = ref(null), h = ref(null), m = ref(null), R = ref(null);
     reactive({});
-    const g = ref(0), y = ref(0), O = ref(0), w = ref(1), k = ref(!1), I = ref(!1), F = ref("pointer");
+    const g = ref(0), y = ref(0), O = ref(0), b = ref(1), k = ref(!1), I = ref(!1), M = ref("pointer");
     ref(!1);
-    const $ = reactive({ x: 0, y: 0 }), W = ref(0), N = ref(["Event", "Artifact", "Seizure", "Mark", "Stim On", "Stim Off", "Start", "Stop"]), _ = ref(0), E = ref(null), x = ref(0), A = ref(!0), b = () => {
+    const $ = reactive({ x: 0, y: 0 }), W = ref(0), N = ref(["Event", "Artifact", "Seizure", "Mark", "Stim On", "Stim Off", "Start", "Stop"]), w = ref(0), E = ref(null), x = ref(0), A = ref(!0), _ = () => {
       if (t.value.length > 0) {
         if (!t.value.some((S) => S.selected)) {
           console.log("No layer selected, selecting first layer:", t.value[0]);
@@ -5242,14 +5236,14 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         }
       } else
         console.warn("No annotation layers available - waiting for layers to load"), setTimeout(() => {
-          t.value.length > 0 && b();
+          t.value.length > 0 && _();
         }, 500);
-    }, D = (p) => {
+    }, F = (p) => {
       if (console.log("TSViewerCanvas: setActiveTool called with:", p), p) {
-        const S = "set" + p.charAt(0).toUpperCase() + p.slice(1), q = B[S];
+        const S = "set" + p.charAt(0).toUpperCase() + p.slice(1), q = L[S];
         typeof q == "function" && q();
       }
-    }, B = {
+    }, L = {
       setPan: () => {
         console.log("Pan tool activated");
       },
@@ -5257,18 +5251,18 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         console.log("Pointer tool activated");
       },
       setAnnotate: () => {
-        console.log("Annotate tool activated"), b();
+        console.log("Annotate tool activated"), _();
       }
-    }, M = computed(() => r.value.filter((p) => p.visible).length), z = computed(() => o.cHeight - 20), U = computed(() => o.cWidth + o.constants.CURSOROFFSET);
+    }, D = computed(() => r.value.filter((p) => p.visible).length), B = computed(() => o.cHeight - 20), J = computed(() => o.cWidth + o.constants.CURSOROFFSET);
     computed(() => l.value);
-    const L = computed(() => ({
+    const z = computed(() => ({
       width: o.cWidth + "px",
       height: o.cHeight + "px"
     })), V = computed(() => ({
       width: o.cWidth + "px",
-      height: z.value + "px"
+      height: B.value + "px"
     })), K = computed(() => ({
-      width: U.value + "px",
+      width: J.value + "px",
       height: o.cHeight + "px"
     }));
     watch(() => o.cHeight, () => {
@@ -5286,14 +5280,14 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         (p = s.value) == null || p.throttledDataRender();
       });
     }), watch(n, (p) => {
-      p && (D(p), !k.value && !["annResize-left", "annResize-right", "annSelect"].includes(F.value) && (F.value = p));
+      p && (F(p), !k.value && !["annResize-left", "annResize-right", "annSelect"].includes(M.value) && (M.value = p));
     }, { immediate: !0 }), watch(t, (p) => {
-      p.length > 0 && n.value === "annotate" && b();
-    }, { immediate: !0 }), watch(F, () => {
-      console.log(F);
+      p.length > 0 && n.value === "annotate" && _();
+    }, { immediate: !0 }), watch(M, () => {
+      console.log(M);
       const p = R.value;
       if (p) {
-        switch (p.removeAttribute("col_resize"), p.removeAttribute("active"), p.removeAttribute("point"), F.value) {
+        switch (p.removeAttribute("col_resize"), p.removeAttribute("active"), p.removeAttribute("point"), M.value) {
           case "cursor_hover":
             p.removeAttribute("point"), p.setAttribute("cursor_hover", !0);
             break;
@@ -5341,26 +5335,26 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     }, le = () => {
       ye(100);
     }, me = () => {
-      console.log("Annotation layers initialized, ensuring active layer for annotate tool"), n.value === "annotate" && b(), i("annLayersInitialized");
+      console.log("Annotation layers initialized, ensuring active layer for annotate tool"), n.value === "annotate" && _(), i("annLayersInitialized");
     }, oe = (p) => {
       i("setGlobalZoom", p);
-    }, pe = () => {
+    }, he = () => {
       i("channelsInitialized");
     }, be = (p) => {
       p.stopPropagation(), p.preventDefault(), p.shiftKey ? Math.abs(p.deltaY) > Math.abs(p.deltaX) && (p.deltaY > 0 ? i("setDuration", o.duration * 1.1) : i("setDuration", o.duration / 1.1)) : Math.abs(p.deltaY) > Math.abs(p.deltaX) && (p.deltaY > 0 ? i("setGlobalZoom", o.globalZoomMult * 1.2) : i("setGlobalZoom", o.globalZoomMult / 1.2));
     }, Se = (p) => {
       var S, q;
-      switch (console.log("TSViewerCanvas: _onMouseUp called with pointerMode:", F.value, "viewerActiveTool:", n.value), I.value = !1, k.value = !1, F.value) {
+      switch (console.log("TSViewerCanvas: _onMouseUp called with pointerMode:", M.value, "viewerActiveTool:", n.value), I.value = !1, k.value = !1, M.value) {
         case "pointer":
           Re();
-          const T = p.metaKey, J = p.clientY - R.value.getBoundingClientRect().top, Y = $.y - R.value.getBoundingClientRect().top, Z = r.value.map((re) => (T === !1 && (re.selected = !1), (re.rowBaseline > Y && re.rowBaseline < J || re.rowBaseline < Y && re.rowBaseline > J) && (re.selected = !0), re));
+          const T = p.metaKey, U = p.clientY - R.value.getBoundingClientRect().top, Y = $.y - R.value.getBoundingClientRect().top, Z = r.value.map((re) => (T === !1 && (re.selected = !1), (re.rowBaseline > Y && re.rowBaseline < U || re.rowBaseline < Y && re.rowBaseline > U) && (re.selected = !0), re));
           e.setChannels(Z), ye();
           break;
         case "annSelect":
           Re(), (S = m.value) == null || S.selectFocusedAnn();
           break;
         case "annotate":
-          b();
+          _();
           let G = null, H = null;
           for (let re = 0; re < t.value.length; re++)
             if (t.value[re].selected) {
@@ -5378,35 +5372,35 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
               console.error("No layers available with valid IDs");
               return;
             }
-          const Q = d, ee = Q.length === r.value.length || Q.length === 0, te = (p.clientX - $.x) * g.value, he = W.value + ($.x - R.value.getBoundingClientRect().left) * g.value;
+          const Q = d, te = Q.length === r.value.length || Q.length === 0, ee = (p.clientX - $.x) * g.value, ve = W.value + ($.x - R.value.getBoundingClientRect().left) * g.value;
           if (console.log("Creating annotation with:", {
-            startTime: he,
-            duration: te,
-            allChannels: ee,
+            startTime: ve,
+            duration: ee,
+            allChannels: te,
             selectedChannels: Q.length,
             layer: H.name,
             layerId: H.id,
             // FIX: Log the layer ID
-            pointerMode: F.value
-          }), Math.abs(te) > 1e3) {
+            pointerMode: M.value
+          }), Math.abs(ee) > 1e3) {
             const re = {
               name: "",
               id: null,
-              label: N.value[_.value],
+              label: N.value[w.value],
               description: "",
-              start: he,
-              duration: te,
-              end: he + te,
+              start: ve,
+              duration: ee,
+              end: ve + ee,
               cStart: null,
               cEnd: null,
               selected: !0,
               channelIds: Q,
-              allChannels: ee,
+              allChannels: te,
               layer_id: H.id,
               // FIX: Use the validated layer ID
               userId: null
             };
-            console.log("📍 STEP 1 - TSViewerCanvas created:", re), e.setActiveAnnotation(re), console.log("📍 STEP 1 - Store now has:", e.activeAnnotation), i("addAnnotation", he, te, ee, re.label, re.description, H);
+            console.log("📍 STEP 1 - TSViewerCanvas created:", re), e.setActiveAnnotation(re), console.log("📍 STEP 1 - Store now has:", e.activeAnnotation), i("addAnnotation", ve, ee, te, re.label, re.description, H);
             break;
           } else
             console.log("Annotation duration too small, not creating annotation");
@@ -5418,11 +5412,11 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       }
     }, Re = () => {
       R.value.getContext("2d").clearRect(0, 0, o.cWidth, o.cHeight);
-    }, ve = (p) => {
+    }, pe = (p) => {
       var q;
-      console.log("TSViewerCanvas: _onMouseDown called with pointerMode:", F.value, "viewerActiveTool:", n.value), k.value = !0, W.value = o.start;
+      console.log("TSViewerCanvas: _onMouseDown called with pointerMode:", M.value, "viewerActiveTool:", n.value), k.value = !0, W.value = o.start;
       const S = R.value.getBoundingClientRect();
-      switch ($.x = p.clientX, $.y = p.clientY, n.value === "annotate" && !["annResize-left", "annResize-right", "annSelect"].includes(F.value) && (console.log("Setting pointerMode to annotate for annotation creation"), F.value = "annotate"), F.value) {
+      switch ($.x = p.clientX, $.y = p.clientY, n.value === "annotate" && !["annResize-left", "annResize-right", "annSelect"].includes(M.value) && (console.log("Setting pointerMode to annotate for annotation creation"), M.value = "annotate"), M.value) {
         case "annResize-left":
         case "annResize-right":
           I.value = !0, (q = m.value) == null || q.onMouseDown(p.clientX - S.left, p.clientY - S.top);
@@ -5433,7 +5427,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     }, ae = (p) => {
       p.buttons === 1 ? k.value = !0 : k.value = !1;
     }, qe = (p) => {
-      var J, Y, Z, G;
+      var U, Y, Z, G;
       p.preventDefault(), p.stopPropagation();
       const S = R.value.getBoundingClientRect(), q = p.clientY - S.top, T = p.clientX - S.left;
       switch (n.value) {
@@ -5442,27 +5436,27 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
             const H = W.value - (p.clientX - $.x) * g.value;
             i("setStart", H);
           } else {
-            const H = (J = m.value) == null ? void 0 : J.onMouseMove(T, q, F.value, k.value);
-            F.value = H || "pan";
+            const H = (U = m.value) == null ? void 0 : U.onMouseMove(T, q, M.value, k.value);
+            M.value = H || "pan";
           }
           break;
         case "pointer":
           if (k.value)
             _e(p.clientX, p.clientY);
           else {
-            const H = (Y = m.value) == null ? void 0 : Y.onMouseMove(T, q, F.value, k.value);
-            F.value = H || "pointer";
+            const H = (Y = m.value) == null ? void 0 : Y.onMouseMove(T, q, M.value, k.value);
+            M.value = H || "pointer";
           }
           break;
         case "annotate":
-          if (k.value && F.value === "annotate")
+          if (k.value && M.value === "annotate")
             xe(p.clientX);
-          else if (k.value && ["annResize-left", "annResize-right"].includes(F.value)) {
-            const H = (Z = m.value) == null ? void 0 : Z.onMouseMove(T, q, F.value, k.value);
-            F.value = H || F.value, ye();
+          else if (k.value && ["annResize-left", "annResize-right"].includes(M.value)) {
+            const H = (Z = m.value) == null ? void 0 : Z.onMouseMove(T, q, M.value, k.value);
+            M.value = H || M.value, ye();
           } else {
-            const H = (G = m.value) == null ? void 0 : G.onMouseMove(T, q, F.value, k.value);
-            H ? (console.log("TSViewerCanvas: annCanvas.onMouseMove returned:", H), F.value = H) : F.value = "annotate";
+            const H = (G = m.value) == null ? void 0 : G.onMouseMove(T, q, M.value, k.value);
+            H ? (console.log("TSViewerCanvas: annCanvas.onMouseMove returned:", H), M.value = H) : M.value = "annotate";
           }
           break;
       }
@@ -5474,15 +5468,15 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     }, ge = (p, S, q) => S * (p + q), ye = (p = 0, S = !0) => {
       (!E.value || p !== x.value || A.value !== S) && (E.value = de(ue, p, { leading: S }), x.value = p, A.value = S), E.value();
     }, de = (p, S, q = {}) => {
-      let T, J, Y, Z = null, G = 0;
+      let T, U, Y, Z = null, G = 0;
       const H = function() {
-        G = q.leading === !1 ? 0 : Date.now(), Z = null, Y = p.apply(T, J), Z || (T = J = null);
+        G = q.leading === !1 ? 0 : Date.now(), Z = null, Y = p.apply(T, U), Z || (T = U = null);
       };
       return function() {
         const Q = Date.now();
         !G && q.leading === !1 && (G = Q);
-        const ee = S - (Q - G);
-        return T = this, J = arguments, ee <= 0 || ee > S ? (Z && (clearTimeout(Z), Z = null), G = Q, Y = p.apply(T, J), Z || (T = J = null)) : !Z && q.trailing !== !1 && (Z = setTimeout(H, ee)), Y;
+        const te = S - (Q - G);
+        return T = this, U = arguments, te <= 0 || te > S ? (Z && (clearTimeout(Z), Z = null), G = Q, Y = p.apply(T, U), Z || (T = U = null)) : !Z && q.trailing !== !1 && (Z = setTimeout(H, te)), Y;
       };
     }, Ae = () => {
       var p;
@@ -5494,37 +5488,37 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       });
     }, ke = () => {
       const S = l.value.getContext("2d");
-      S.setTransform(w.value, 0, 0, w.value, 0, 0), S.clearRect(0, 0, o.cWidth, o.cHeight), S.stroke(), S.beginPath(), S.lineWidth = 1, S.moveTo(o.constants.XOFFSET + 0.5, 0.5), S.lineTo(o.constants.XOFFSET + 0.5, z.value + 0.5), S.lineTo(o.cWidth + 0.5, z.value + 0.5), S.stroke();
-      let q = z.value / (2 * M.value) + 0.5 << 1 >> 1;
+      S.setTransform(b.value, 0, 0, b.value, 0, 0), S.clearRect(0, 0, o.cWidth, o.cHeight), S.stroke(), S.beginPath(), S.lineWidth = 1, S.moveTo(o.constants.XOFFSET + 0.5, 0.5), S.lineTo(o.constants.XOFFSET + 0.5, B.value + 0.5), S.lineTo(o.cWidth + 0.5, B.value + 0.5), S.stroke();
+      let q = B.value / (2 * D.value) + 0.5 << 1 >> 1;
       S.lineWidth = 0.5;
-      for (let G = 0; G < M.value; G++)
-        S.beginPath(), S.moveTo(o.constants.XOFFSET - 2, q), S.lineTo(o.constants.XOFFSET + 2, q), S.stroke(), q += z.value / M.value;
-      const T = o.constants.XGRIDSPACING * Math.ceil(o.duration / 1e8), J = Math.ceil(o.duration / T) + 1, Y = Math.ceil(o.constants.NRPXPERLABEL / (T / g.value)), Z = (T - o.start % T) % T;
-      for (let G = 0; G < J; G++) {
+      for (let G = 0; G < D.value; G++)
+        S.beginPath(), S.moveTo(o.constants.XOFFSET - 2, q), S.lineTo(o.constants.XOFFSET + 2, q), S.stroke(), q += B.value / D.value;
+      const T = o.constants.XGRIDSPACING * Math.ceil(o.duration / 1e8), U = Math.ceil(o.duration / T) + 1, Y = Math.ceil(o.constants.NRPXPERLABEL / (T / g.value)), Z = (T - o.start % T) % T;
+      for (let G = 0; G < U; G++) {
         let H = o.start + Z + G * T;
         if (H > o.tsEnd)
           break;
-        const Q = H - o.start, ee = o.constants.XOFFSET + Q / g.value, te = Math.round(ee);
-        if (te > 1 && (S.save(), S.beginPath(), S.lineWidth = 0.5, S.strokeStyle = "rgb(235,235,235)", S.moveTo(te + 0.5, 0.5), S.lineTo(te + 0.5, z.value - 0.5), S.stroke(), S.restore(), ((H / T + T / 10) % Y | 0) === 1 || Y === 1)) {
-          S.beginPath(), S.lineWidth = 1, S.moveTo(te + 0.5, z.value - 3), S.lineTo(te + 0.5, z.value + 3), S.stroke();
+        const Q = H - o.start, te = o.constants.XOFFSET + Q / g.value, ee = Math.round(te);
+        if (ee > 1 && (S.save(), S.beginPath(), S.lineWidth = 0.5, S.strokeStyle = "rgb(235,235,235)", S.moveTo(ee + 0.5, 0.5), S.lineTo(ee + 0.5, B.value - 0.5), S.stroke(), S.restore(), ((H / T + T / 10) % Y | 0) === 1 || Y === 1)) {
+          S.beginPath(), S.lineWidth = 1, S.moveTo(ee + 0.5, B.value - 3), S.lineTo(ee + 0.5, B.value + 3), S.stroke();
           const re = new Date(H / 1e3);
-          S.font = "12px sans-serif", S.fillStyle = "rgb(150,150,150)", S.fillText(P(re), te - 20.5, o.cHeight - 0.2);
+          S.font = "12px sans-serif", S.fillStyle = "rgb(150,150,150)", S.fillText(P(re), ee - 20.5, o.cHeight - 0.2);
         }
       }
     }, _e = (p, S) => {
       const q = R.value, T = q.getContext("2d");
-      T.setTransform(w.value, 0, 0, w.value, 0, 0), T.clearRect(0, 0, o.cWidth, o.cHeight), T.beginPath(), T.lineWidth = 2, T.strokeStyle = "#295eff", T.setLineDash([5, 5, 15, 5]);
-      const J = p - q.getBoundingClientRect().left, Y = S - q.getBoundingClientRect().top;
-      T.rect(J, Y, -p + $.x, -S + $.y), T.stroke();
+      T.setTransform(b.value, 0, 0, b.value, 0, 0), T.clearRect(0, 0, o.cWidth, o.cHeight), T.beginPath(), T.lineWidth = 2, T.strokeStyle = "#295eff", T.setLineDash([5, 5, 15, 5]);
+      const U = p - q.getBoundingClientRect().left, Y = S - q.getBoundingClientRect().top;
+      T.rect(U, Y, -p + $.x, -S + $.y), T.stroke();
     }, Ee = () => {
       const S = h.value.getContext("2d");
-      S.setTransform(w.value, 0, 0, w.value, 0, 0), S.clearRect(0, 0, o.cWidth + o.constants.CURSOROFFSET, o.cHeight), S.save(), S.beginPath(), S.fillStyle = "red";
+      S.setTransform(b.value, 0, 0, b.value, 0, 0), S.clearRect(0, 0, o.cWidth + o.constants.CURSOROFFSET, o.cHeight), S.save(), S.beginPath(), S.fillStyle = "red";
       const q = o.cursorLoc * o.cWidth;
-      q > o.constants.CURSOROFFSET ? (S.strokeStyle = "red", S.moveTo(q, 0), S.lineTo(q, z.value), S.stroke()) : S.moveTo(q, z.value), S.beginPath(), S.lineTo(q - 5, z.value + 8), S.lineTo(q + 5, z.value + 8), S.lineTo(q, z.value), S.fill(), S.restore();
+      q > o.constants.CURSOROFFSET ? (S.strokeStyle = "red", S.moveTo(q, 0), S.lineTo(q, B.value), S.stroke()) : S.moveTo(q, B.value), S.beginPath(), S.lineTo(q - 5, B.value + 8), S.lineTo(q + 5, B.value + 8), S.lineTo(q, B.value), S.fill(), S.restore();
     }, xe = (p) => {
       const S = R.value, q = S.getContext("2d");
-      q.setTransform(w.value, 0, 0, w.value, 0, 0);
-      const T = o.constants.ANNOTATIONLABELHEIGHT, J = T / 2 | 0;
+      q.setTransform(b.value, 0, 0, b.value, 0, 0);
+      const T = o.constants.ANNOTATIONLABELHEIGHT, U = T / 2 | 0;
       let Y = null;
       for (let Q = 0; Q < t.value.length; Q++)
         if (t.value[Q].selected) {
@@ -5536,28 +5530,28 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       q.save(), q.clearRect(0, 0, o.cWidth, o.cHeight), q.lineWidth = 1;
       const Z = selectedChannels.length === r.value.length || selectedChannels.length === 0, G = p - S.getBoundingClientRect().left, H = -p + $.x;
       if (Z) {
-        q.fillStyle = "rgba(0,0,0,0.1)", q.fillRect(G, 0, H, z.value), q.fillStyle = t.value[Y].color, q.strokeStyle = q.fillStyle;
-        let Q = G - 1, ee = H + 2;
-        H < 0 && (Q = G + 1, ee = H - 2), q.fillRect(Q, 0, ee, T), q.setLineDash([5, 5, 5, 5]), q.beginPath(), q.moveTo(G, T), q.lineTo(G, z.value), q.stroke(), q.beginPath(), q.moveTo(G + H, T), q.lineTo(G + H, z.value), q.stroke();
+        q.fillStyle = "rgba(0,0,0,0.1)", q.fillRect(G, 0, H, B.value), q.fillStyle = t.value[Y].color, q.strokeStyle = q.fillStyle;
+        let Q = G - 1, te = H + 2;
+        H < 0 && (Q = G + 1, te = H - 2), q.fillRect(Q, 0, te, T), q.setLineDash([5, 5, 5, 5]), q.beginPath(), q.moveTo(G, T), q.lineTo(G, B.value), q.stroke(), q.beginPath(), q.moveTo(G + H, T), q.lineTo(G + H, B.value), q.stroke();
       } else {
-        let Q = o.cHeight | 0, ee = 0;
-        const te = r.value;
+        let Q = o.cHeight | 0, te = 0;
+        const ee = r.value;
         q.fillStyle = t.value[Y].color, q.strokeStyle = q.fillStyle;
-        let he = G - 1, re = H + 2;
-        H < 0 && (he = G + 1, re = H - 2);
-        for (let Ne = 0; Ne < te.length; Ne++) {
-          const Ie = te[Ne];
+        let ve = G - 1, re = H + 2;
+        H < 0 && (ve = G + 1, re = H - 2);
+        for (let Ne = 0; Ne < ee.length; Ne++) {
+          const Ie = ee[Ne];
           if (Ie.selected && Ie.visible) {
             const Pe = Ie.rowBaseline | 0;
-            Pe < Q && (Q = Pe), Pe > ee && (ee = Pe), q.fillRect(he, Pe - J, re, T);
+            Pe < Q && (Q = Pe), Pe > te && (te = Pe), q.fillRect(ve, Pe - U, re, T);
           }
         }
         q.fillStyle = "rgba(0,0,0,0.1)", q.setLineDash([5, 5, 5, 5]), q.fillRect(
           G - 1,
-          Q + J,
+          Q + U,
           H + 2,
-          ee - Q - T
-        ), q.beginPath(), q.moveTo(G, Q + J), q.lineTo(G, ee - J), q.moveTo(G + H, Q + J), q.lineTo(G + H, ee - J), q.stroke();
+          te - Q - T
+        ), q.beginPath(), q.moveTo(G, Q + U), q.lineTo(G, te - U), q.moveTo(G + H, Q + U), q.lineTo(G + H, te - U), q.stroke();
       }
       q.restore();
     }, Ce = () => {
@@ -5567,7 +5561,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       let p = R.value.getContext("2d"), S = window.devicePixelRatio || 1, q = p.webkitBackingStorePixelRatio || p.mozBackingStorePixelRatio || p.msBackingStorePixelRatio || p.oBackingStorePixelRatio || p.backingStorePixelRatio || 1;
       return S / q;
     }, P = (p) => ("0" + p.getUTCHours()).slice(-2) + ":" + ("0" + p.getUTCMinutes()).slice(-2) + ":" + ("0" + p.getUTCSeconds()).slice(-2), C = (p) => {
-      var J, Y;
+      var U, Y;
       let S = parseFloat(p.input0), q = parseFloat(p.input1), T = {};
       switch (p.filterType) {
         case "clear":
@@ -5607,7 +5601,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         default:
           return;
       }
-      (J = s.value) == null || J.sendFilterMessage(T);
+      (U = s.value) == null || U.sendFilterMessage(T);
       for (let Z = 0; Z < p.selChannels.length; Z++) {
         let G = p.selChannels[Z], H = find(propEq("id", G), r.value);
         p.filterType === "clear" ? H.filter = {} : H.filter = {
@@ -5620,7 +5614,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       (Y = s.value) == null || Y.invalidate(), ye();
     };
     return onMounted(() => {
-      w.value = ie();
+      b.value = ie();
     }), c({
       rsPeriod: g,
       resetFocusedAnnotation: X,
@@ -5628,7 +5622,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       getNextAnnotation: j,
       getPreviousAnnotation: ne,
       setFilters: C,
-      setActiveTool: D,
+      setActiveTool: F,
       renderAll: ye,
       renderAnnotationCanvas: Ae,
       initViewerCanvas: Ce
@@ -5647,7 +5641,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           "rs-period": g.value,
           "global-zoom-mult": f.globalZoomMult,
           "active-viewer": f.activeViewer,
-          onChannelsInitialized: pe,
+          onChannelsInitialized: he,
           onSetGlobalZoom: oe
         }, {
           axisCanvas: withCtx(() => [
@@ -5656,9 +5650,9 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
               ref_key: "axisArea",
               ref: l,
               class: "canvas",
-              width: ge(f.cWidth, w.value, 0),
-              height: ge(f.cHeight, w.value, 0),
-              style: normalizeStyle(L.value)
+              width: ge(f.cWidth, b.value, 0),
+              height: ge(f.cHeight, b.value, 0),
+              style: normalizeStyle(z.value)
             }, null, 12, _hoisted_3)
           ]),
           annCanvas: withCtx(() => [
@@ -5667,8 +5661,8 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
               ref_key: "annArea",
               ref: a,
               class: "canvas",
-              width: ge(f.cWidth, w.value, 0),
-              height: ge(z.value, w.value, 0),
+              width: ge(f.cWidth, b.value, 0),
+              height: ge(B.value, b.value, 0),
               style: normalizeStyle(V.value)
             }, null, 12, _hoisted_4)
           ]),
@@ -5679,8 +5673,8 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           ref_key: "cursorArea",
           ref: h,
           class: "canvas",
-          width: ge(f.cWidth + 5, w.value, 0),
-          height: ge(f.cHeight, w.value, 0),
+          width: ge(f.cWidth + 5, b.value, 0),
+          height: ge(f.cHeight, b.value, 0),
           style: normalizeStyle(K.value)
         }, null, 12, _hoisted_5),
         createVNode(unref(u), {
@@ -5690,12 +5684,12 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           "c-height": f.cHeight,
           constants: f.constants,
           "annotations-canvas": a.value,
-          "pixel-ratio": w.value,
+          "pixel-ratio": b.value,
           "rs-period": g.value,
           start: f.start,
           duration: f.duration,
           "ts-end": f.tsEnd,
-          "pointer-mode": F.value,
+          "pointer-mode": M.value,
           "viewer-active-tool": unref(n),
           "active-viewer": f.activeViewer,
           onAnnLayersInitialized: me,
@@ -5708,13 +5702,13 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           ref_key: "iArea",
           ref: R,
           class: "canvas",
-          width: ge(f.cWidth, w.value, 0),
-          height: ge(f.cHeight, w.value, 0),
-          style: normalizeStyle(L.value),
+          width: ge(f.cWidth, b.value, 0),
+          height: ge(f.cHeight, b.value, 0),
+          style: normalizeStyle(z.value),
           tabindex: "-1",
           onWheel: be,
           onMousemove: qe,
-          onMousedown: ve,
+          onMousedown: pe,
           onMouseup: Se,
           onMouseout: Oe,
           onMouseenter: ae