@pennsieve-viz/tsviewer 1.1.13 → 1.1.15

package/dist/{TSViewerCanvas-2Jz9ZgqW.js → TSViewerCanvas-ljR2hT4f.js}

@@ -1,6 +1,6 @@
 import { ref, onUnmounted, readonly, reactive, computed, watch, inject, 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, m as commonjsGlobal, o as getDefaultExportFromCjs, u as useToken, p as propOr, g as _export_sfc, h as createViewerStore, q as propEq } from "./index-BsH36ax4.js";
+import { n as nth, b as _curry2, d as _xfBase, l as _reduced, e as _dispatchable, m as commonjsGlobal, o as getDefaultExportFromCjs, u as useToken, p as propOr, g as _export_sfc, h as createViewerStore, q as propEq } from "./index-DdLtKk-t.js";
 var head = /* @__PURE__ */ nth(0), XFind = /* @__PURE__ */ (function() {
   function f(c, v) {
     this.xf = v, this.f = c, this.found = !1;
@@ -1953,75 +1953,75 @@ function requireRoot() {
     if (!m)
       return a.asPromise(u, R, o, h);
     var y = m === n;
-    function g(B, V) {
+    function g(D, L) {
       if (m) {
         if (y)
-          throw B;
-        V && V.resolveAll();
+          throw D;
+        L && L.resolveAll();
         var b = m;
-        m = null, b(B, V);
+        m = null, b(D, L);
       }
     }
-    function S(B) {
-      var V = B.lastIndexOf("google/protobuf/");
-      if (V > -1) {
-        var b = B.substring(V);
+    function S(D) {
+      var L = D.lastIndexOf("google/protobuf/");
+      if (L > -1) {
+        var b = D.substring(L);
         if (b in t) return b;
       }
       return null;
     }
-    function x(B, V) {
+    function x(D, L) {
       try {
-        if (a.isString(V) && V.charAt(0) === "{" && (V = JSON.parse(V)), !a.isString(V))
-          R.setOptions(V.options).addJSON(V.nested);
+        if (a.isString(L) && L.charAt(0) === "{" && (L = JSON.parse(L)), !a.isString(L))
+          R.setOptions(L.options).addJSON(L.nested);
         else {
-          e.filename = B;
-          var b = e(V, R, h), q, k = 0;
+          e.filename = D;
+          var b = e(L, R, h), q, E = 0;
           if (b.imports)
-            for (; k < b.imports.length; ++k)
-              (q = S(b.imports[k]) || R.resolvePath(B, b.imports[k])) && _(q);
+            for (; E < b.imports.length; ++E)
+              (q = S(b.imports[E]) || R.resolvePath(D, b.imports[E])) && _(q);
           if (b.weakImports)
-            for (k = 0; k < b.weakImports.length; ++k)
-              (q = S(b.weakImports[k]) || R.resolvePath(B, b.weakImports[k])) && _(q, !0);
+            for (E = 0; E < b.weakImports.length; ++E)
+              (q = S(b.weakImports[E]) || R.resolvePath(D, b.weakImports[E])) && _(q, !0);
         }
       } catch (T) {
         g(T);
       }
       !y && !N && g(null, R);
     }
-    function _(B, V) {
-      if (B = S(B) || B, !(R.files.indexOf(B) > -1)) {
-        if (R.files.push(B), B in t) {
-          y ? x(B, t[B]) : (++N, setTimeout(function() {
-            --N, x(B, t[B]);
+    function _(D, L) {
+      if (D = S(D) || D, !(R.files.indexOf(D) > -1)) {
+        if (R.files.push(D), D in t) {
+          y ? x(D, t[D]) : (++N, setTimeout(function() {
+            --N, x(D, t[D]);
           }));
           return;
         }
         if (y) {
           var b;
           try {
-            b = a.fs.readFileSync(B).toString("utf8");
+            b = a.fs.readFileSync(D).toString("utf8");
           } catch (q) {
-            V || g(q);
+            L || g(q);
             return;
           }
-          x(B, b);
+          x(D, b);
         } else
-          ++N, R.fetch(B, function(q, k) {
+          ++N, R.fetch(D, function(q, E) {
             if (--N, !!m) {
               if (q) {
-                V ? N || g(null, R) : g(q);
+                L ? N || g(null, R) : g(q);
                 return;
               }
-              x(B, k);
+              x(D, E);
             }
           });
       }
     }
     var N = 0;
     a.isString(o) && (o = [o]);
-    for (var z = 0, H; z < o.length; ++z)
-      (H = R.resolvePath("", o[z])) && _(H);
+    for (var z = 0, $; z < o.length; ++z)
+      ($ = R.resolvePath("", o[z])) && _($);
     return y ? (R.resolveAll(), R) : (N || g(null, R), R);
   }, r.prototype.loadSync = function(o, h) {
     if (!a.isNode)
@@ -2761,129 +2761,129 @@ function requireTokenize() {
     function _() {
       var A = S === "'" ? v : c;
       A.lastIndex = o - 1;
-      var E = A.exec(s);
-      if (!E)
+      var V = A.exec(s);
+      if (!V)
         throw x("string");
-      return o = A.lastIndex, b(S), S = null, n(E[1]);
+      return o = A.lastIndex, b(S), S = null, n(V[1]);
     }
     function N(A) {
       return s.charAt(A);
     }
-    function z(A, E, D) {
-      var L = {
+    function z(A, V, k) {
+      var W = {
         type: s.charAt(A++),
         lineEmpty: !1,
-        leading: D
-      }, W;
-      u ? W = 2 : W = 3;
-      var J = A - W, $;
+        leading: k
+      }, M;
+      u ? M = 2 : M = 3;
+      var H = A - M, G;
       do
-        if (--J < 0 || ($ = s.charAt(J)) === `
+        if (--H < 0 || (G = s.charAt(H)) === `
 `) {
-          L.lineEmpty = !0;
+          W.lineEmpty = !0;
           break;
         }
-      while ($ === " " || $ === "	");
-      for (var I = s.substring(A, E).split(i), Y = 0; Y < I.length; ++Y)
-        I[Y] = I[Y].replace(u ? a : l, "").trim();
-      L.text = I.join(`
-`).trim(), y[m] = L, R = m;
-    }
-    function H(A) {
-      var E = B(A), D = s.substring(A, E), L = /^\s*\/\//.test(D);
-      return L;
-    }
-    function B(A) {
-      for (var E = A; E < h && N(E) !== `
+      while (G === " " || G === "	");
+      for (var j = s.substring(A, V).split(i), Z = 0; Z < j.length; ++Z)
+        j[Z] = j[Z].replace(u ? a : l, "").trim();
+      W.text = j.join(`
+`).trim(), y[m] = W, R = m;
+    }
+    function $(A) {
+      var V = D(A), k = s.substring(A, V), W = /^\s*\/\//.test(k);
+      return W;
+    }
+    function D(A) {
+      for (var V = A; V < h && N(V) !== `
 `; )
-        E++;
-      return E;
+        V++;
+      return V;
     }
-    function V() {
+    function L() {
       if (g.length > 0)
         return g.shift();
       if (S)
         return _();
-      var A, E, D, L, W, J = o === 0;
+      var A, V, k, W, M, H = o === 0;
       do {
         if (o === h)
           return null;
-        for (A = !1; e.test(D = N(o)); )
-          if (D === `
-` && (J = !0, ++m), ++o === h)
+        for (A = !1; e.test(k = N(o)); )
+          if (k === `
+` && (H = !0, ++m), ++o === h)
             return null;
         if (N(o) === "/") {
           if (++o === h)
             throw x("comment");
           if (N(o) === "/")
             if (u) {
-              if (L = o, W = !1, H(o - 1)) {
-                W = !0;
+              if (W = o, M = !1, $(o - 1)) {
+                M = !0;
                 do
-                  if (o = B(o), o === h || (o++, !J))
+                  if (o = D(o), o === h || (o++, !H))
                     break;
-                while (H(o));
+                while ($(o));
               } else
-                o = Math.min(h, B(o) + 1);
-              W && (z(L, o, J), J = !0), m++, A = !0;
+                o = Math.min(h, D(o) + 1);
+              M && (z(W, o, H), H = !0), m++, A = !0;
             } else {
-              for (W = N(L = o + 1) === "/"; N(++o) !== `
+              for (M = N(W = o + 1) === "/"; N(++o) !== `
 `; )
                 if (o === h)
                   return null;
-              ++o, W && (z(L, o - 1, J), J = !0), ++m, A = !0;
+              ++o, M && (z(W, o - 1, H), H = !0), ++m, A = !0;
             }
-          else if ((D = N(o)) === "*") {
-            L = o + 1, W = u || N(L) === "*";
+          else if ((k = N(o)) === "*") {
+            W = o + 1, M = u || N(W) === "*";
             do {
-              if (D === `
+              if (k === `
 ` && ++m, ++o === h)
                 throw x("comment");
-              E = D, D = N(o);
-            } while (E !== "*" || D !== "/");
-            ++o, W && (z(L, o - 2, J), J = !0), A = !0;
+              V = k, k = N(o);
+            } while (V !== "*" || k !== "/");
+            ++o, M && (z(W, o - 2, H), H = !0), A = !0;
           } else
             return "/";
         }
       } while (A);
-      var $ = o;
+      var G = o;
       f.lastIndex = 0;
-      var I = f.test(N($++));
-      if (!I)
-        for (; $ < h && !f.test(N($)); )
-          ++$;
-      var Y = s.substring(o, o = $);
-      return (Y === '"' || Y === "'") && (S = Y), Y;
+      var j = f.test(N(G++));
+      if (!j)
+        for (; G < h && !f.test(N(G)); )
+          ++G;
+      var Z = s.substring(o, o = G);
+      return (Z === '"' || Z === "'") && (S = Z), Z;
     }
     function b(A) {
       g.push(A);
     }
     function q() {
       if (!g.length) {
-        var A = V();
+        var A = L();
         if (A === null)
           return null;
         b(A);
       }
       return g[0];
     }
-    function k(A, E) {
-      var D = q(), L = D === A;
-      if (L)
-        return V(), !0;
-      if (!E)
-        throw x("token '" + D + "', '" + A + "' expected");
+    function E(A, V) {
+      var k = q(), W = k === A;
+      if (W)
+        return L(), !0;
+      if (!V)
+        throw x("token '" + k + "', '" + A + "' expected");
       return !1;
     }
     function T(A) {
-      var E = null, D;
-      return A === void 0 ? (D = y[m - 1], delete y[m - 1], D && (u || D.type === "*" || D.lineEmpty) && (E = D.leading ? D.text : null)) : (R < A && q(), D = y[A], delete y[A], D && !D.lineEmpty && (u || D.type === "/") && (E = D.leading ? null : D.text)), E;
+      var V = null, k;
+      return A === void 0 ? (k = y[m - 1], delete y[m - 1], k && (u || k.type === "*" || k.lineEmpty) && (V = k.leading ? k.text : null)) : (R < A && q(), k = y[A], delete y[A], k && !k.lineEmpty && (u || k.type === "/") && (V = k.leading ? null : k.text)), V;
     }
     return Object.defineProperty({
-      next: V,
+      next: L,
       peek: q,
       push: b,
-      skip: k,
+      skip: E,
       cmnt: T
     }, "line", {
       get: function() {
@@ -2898,32 +2898,32 @@ function requireParse() {
   if (hasRequiredParse) return parse_1;
   hasRequiredParse = 1, parse_1 = _, _.filename = null, _.defaults = { keepCase: !1 };
   var f = requireTokenize(), c = requireRoot(), v = requireType(), l = requireField(), a = requireMapfield(), i = requireOneof(), e = require_enum(), t = requireService(), r = requireMethod(), n = requireObject(), d = requireTypes(), s = requireUtil(), u = /^[1-9][0-9]*$/, o = /^-?[1-9][0-9]*$/, h = /^0[x][0-9a-fA-F]+$/, m = /^-?0[x][0-9a-fA-F]+$/, R = /^0[0-7]+$/, y = /^-?0[0-7]+$/, g = /^(?![eE])[0-9]*(?:\.[0-9]*)?(?:[eE][+-]?[0-9]+)?$/, S = /^[a-zA-Z_][a-zA-Z_0-9]*$/, x = /^(?:\.?[a-zA-Z_][a-zA-Z_0-9]*)(?:\.[a-zA-Z_][a-zA-Z_0-9]*)*$/;
-  function _(N, z, H) {
-    z instanceof c || (H = z, z = new c()), H || (H = _.defaults);
-    var B = H.preferTrailingComment || !1, V = f(N, H.alternateCommentMode || !1), b = V.next, q = V.push, k = V.peek, T = V.skip, A = V.cmnt, E = !0, D, L, W, J = "proto2", $ = z, I = [], Y = {}, U = H.keepCase ? function(P) {
+  function _(N, z, $) {
+    z instanceof c || ($ = z, z = new c()), $ || ($ = _.defaults);
+    var D = $.preferTrailingComment || !1, L = f(N, $.alternateCommentMode || !1), b = L.next, q = L.push, E = L.peek, T = L.skip, A = L.cmnt, V = !0, k, W, M, H = "proto2", G = z, j = [], Z = {}, U = $.keepCase ? function(P) {
       return P;
     } : s.camelCase;
-    function ce() {
-      I.forEach((P) => {
-        P._edition = J, Object.keys(Y).forEach((C) => {
-          P.getOption(C) === void 0 && P.setOption(C, Y[C], !0);
+    function ne() {
+      j.forEach((P) => {
+        P._edition = H, Object.keys(Z).forEach((C) => {
+          P.getOption(C) === void 0 && P.setOption(C, Z[C], !0);
         });
       });
     }
-    function j(P, C, p) {
+    function B(P, C, p) {
       var w = _.filename;
-      return p || (_.filename = null), Error("illegal " + (C || "token") + " '" + P + "' (" + (w ? w + ", " : "") + "line " + V.line + ")");
+      return p || (_.filename = null), Error("illegal " + (C || "token") + " '" + P + "' (" + (w ? w + ", " : "") + "line " + L.line + ")");
     }
     function re() {
       var P = [], C;
       do {
         if ((C = b()) !== '"' && C !== "'")
-          throw j(C);
-        P.push(b()), T(C), C = k();
+          throw B(C);
+        P.push(b()), T(C), C = E();
       } while (C === '"' || C === "'");
       return P.join("");
     }
-    function se(P) {
+    function ue(P) {
       var C = b();
       switch (C) {
         case "'":
@@ -2937,7 +2937,7 @@ function requireParse() {
           return !1;
       }
       try {
-        return oe(
+        return ce(
           C,
           /* insideTryCatch */
           !0
@@ -2945,43 +2945,43 @@ function requireParse() {
       } catch {
         if (x.test(C))
           return C;
-        throw j(C, "value");
+        throw B(C, "value");
       }
     }
-    function fe(P, C) {
+    function se(P, C) {
       var p, w;
       do
-        if (C && ((p = k()) === '"' || p === "'")) {
+        if (C && ((p = E()) === '"' || p === "'")) {
           var O = re();
-          if (P.push(O), J >= 2023)
-            throw j(O, "id");
+          if (P.push(O), H >= 2023)
+            throw B(O, "id");
         } else
           try {
-            P.push([w = ye(b()), T("to", !0) ? ye(b()) : w]);
-          } catch (F) {
-            if (C && x.test(p) && J >= 2023)
+            P.push([w = ve(b()), T("to", !0) ? ve(b()) : w]);
+          } catch (I) {
+            if (C && x.test(p) && H >= 2023)
               P.push(p);
             else
-              throw F;
+              throw I;
           }
       while (T(",", !0));
-      var M = { options: void 0 };
-      M.setOption = function(F, G) {
-        this.options === void 0 && (this.options = {}), this.options[F] = G;
-      }, me(
-        M,
-        function(G) {
-          if (G === "option")
-            pe(M, G), T(";");
+      var F = { options: void 0 };
+      F.setOption = function(I, X) {
+        this.options === void 0 && (this.options = {}), this.options[I] = X;
+      }, he(
+        F,
+        function(X) {
+          if (X === "option")
+            me(F, X), T(";");
           else
-            throw j(G);
+            throw B(X);
         },
         function() {
-          _e(M);
+          we(F);
         }
       );
     }
-    function oe(P, C) {
+    function ce(P, C) {
       var p = 1;
       switch (P.charAt(0) === "-" && (p = -1, P = P.substring(1)), P) {
         case "inf":
@@ -3004,9 +3004,9 @@ function requireParse() {
         return p * parseInt(P, 8);
       if (g.test(P))
         return p * parseFloat(P);
-      throw j(P, "number", C);
+      throw B(P, "number", C);
     }
-    function ye(P, C) {
+    function ve(P, C) {
       switch (P) {
         case "max":
         case "MAX":
@@ -3016,55 +3016,55 @@ function requireParse() {
           return 0;
       }
       if (!C && P.charAt(0) === "-")
-        throw j(P, "id");
+        throw B(P, "id");
       if (o.test(P))
         return parseInt(P, 10);
       if (m.test(P))
         return parseInt(P, 16);
       if (y.test(P))
         return parseInt(P, 8);
-      throw j(P, "id");
+      throw B(P, "id");
     }
     function Re() {
-      if (D !== void 0)
-        throw j("package");
-      if (D = b(), !x.test(D))
-        throw j(D, "name");
-      $ = $.define(D), T(";");
-    }
-    function ue() {
-      var P = k(), C;
+      if (k !== void 0)
+        throw B("package");
+      if (k = b(), !x.test(k))
+        throw B(k, "name");
+      G = G.define(k), T(";");
+    }
+    function _e() {
+      var P = E(), C;
       switch (P) {
         case "weak":
-          C = W || (W = []), b();
+          C = M || (M = []), b();
           break;
         case "public":
           b();
         // eslint-disable-next-line no-fallthrough
         default:
-          C = L || (L = []);
+          C = W || (W = []);
           break;
       }
       P = re(), T(";"), C.push(P);
     }
-    function he() {
-      if (T("="), J = re(), J < 2023)
-        throw j(J, "syntax");
+    function fe() {
+      if (T("="), H = re(), H < 2023)
+        throw B(H, "syntax");
       T(";");
     }
-    function we() {
-      if (T("="), J = re(), !["2023"].includes(J))
-        throw j(J, "edition");
+    function de() {
+      if (T("="), H = re(), !["2023"].includes(H))
+        throw B(H, "edition");
       T(";");
     }
     function ge(P, C) {
       switch (C) {
         case "option":
-          return pe(P, C), T(";"), !0;
+          return me(P, C), T(";"), !0;
         case "message":
           return ke(P, C), !0;
         case "enum":
-          return ae(P, C), !0;
+          return oe(P, C), !0;
         case "service":
           return Ee(P, C), !0;
         case "extend":
@@ -3072,206 +3072,206 @@ function requireParse() {
       }
       return !1;
     }
-    function me(P, C, p) {
-      var w = V.line;
+    function he(P, C, p) {
+      var w = L.line;
       if (P && (typeof P.comment != "string" && (P.comment = A()), P.filename = _.filename), T("{", !0)) {
         for (var O; (O = b()) !== "}"; )
           C(O);
         T(";", !0);
       } else
-        p && p(), T(";"), P && (typeof P.comment != "string" || B) && (P.comment = A(w) || P.comment);
+        p && p(), T(";"), P && (typeof P.comment != "string" || D) && (P.comment = A(w) || P.comment);
     }
     function ke(P, C) {
       if (!S.test(C = b()))
-        throw j(C, "type name");
+        throw B(C, "type name");
       var p = new v(C);
-      me(p, function(O) {
+      he(p, function(O) {
         if (!ge(p, O))
           switch (O) {
             case "map":
               Oe(p);
               break;
             case "required":
-              if (J !== "proto2")
-                throw j(O);
+              if (H !== "proto2")
+                throw B(O);
             /* eslint-disable no-fallthrough */
             case "repeated":
-              de(p, O);
+              pe(p, O);
               break;
             case "optional":
-              if (J === "proto3")
-                de(p, "proto3_optional");
+              if (H === "proto3")
+                pe(p, "proto3_optional");
               else {
-                if (J !== "proto2")
-                  throw j(O);
-                de(p, "optional");
+                if (H !== "proto2")
+                  throw B(O);
+                pe(p, "optional");
               }
               break;
             case "oneof":
               Te(p, O);
               break;
             case "extensions":
-              fe(p.extensions || (p.extensions = []));
+              se(p.extensions || (p.extensions = []));
               break;
             case "reserved":
-              fe(p.reserved || (p.reserved = []), !0);
+              se(p.reserved || (p.reserved = []), !0);
               break;
             default:
-              if (J === "proto2" || !x.test(O))
-                throw j(O);
-              q(O), de(p, "optional");
+              if (H === "proto2" || !x.test(O))
+                throw B(O);
+              q(O), pe(p, "optional");
               break;
           }
-      }), P.add(p), P === $ && I.push(p);
+      }), P.add(p), P === G && j.push(p);
     }
-    function de(P, C, p) {
+    function pe(P, C, p) {
       var w = b();
       if (w === "group") {
         Se(P, C);
         return;
       }
-      for (; w.endsWith(".") || k().startsWith("."); )
+      for (; w.endsWith(".") || E().startsWith("."); )
         w += b();
       if (!x.test(w))
-        throw j(w, "type");
+        throw B(w, "type");
       var O = b();
       if (!S.test(O))
-        throw j(O, "name");
+        throw B(O, "name");
       O = U(O), T("=");
-      var M = new l(O, ye(b()), w, C, p);
-      if (me(M, function(Z) {
-        if (Z === "option")
-          pe(M, Z), T(";");
+      var F = new l(O, ve(b()), w, C, p);
+      if (he(F, function(Y) {
+        if (Y === "option")
+          me(F, Y), T(";");
         else
-          throw j(Z);
+          throw B(Y);
       }, function() {
-        _e(M);
+        we(F);
       }), C === "proto3_optional") {
-        var F = new i("_" + O);
-        M.setOption("proto3_optional", !0), F.add(M), P.add(F);
+        var I = new i("_" + O);
+        F.setOption("proto3_optional", !0), I.add(F), P.add(I);
       } else
-        P.add(M);
-      P === $ && I.push(M);
+        P.add(F);
+      P === G && j.push(F);
     }
     function Se(P, C) {
-      if (J >= 2023)
-        throw j("group");
+      if (H >= 2023)
+        throw B("group");
       var p = b();
       if (!S.test(p))
-        throw j(p, "name");
+        throw B(p, "name");
       var w = s.lcFirst(p);
       p === w && (p = s.ucFirst(p)), T("=");
-      var O = ye(b()), M = new v(p);
-      M.group = !0;
-      var F = new l(w, O, p, C);
-      F.filename = _.filename, me(M, function(Z) {
-        switch (Z) {
+      var O = ve(b()), F = new v(p);
+      F.group = !0;
+      var I = new l(w, O, p, C);
+      I.filename = _.filename, he(F, function(Y) {
+        switch (Y) {
           case "option":
-            pe(M, Z), T(";");
+            me(F, Y), T(";");
             break;
           case "required":
           case "repeated":
-            de(M, Z);
+            pe(F, Y);
             break;
           case "optional":
-            J === "proto3" ? de(M, "proto3_optional") : de(M, "optional");
+            H === "proto3" ? pe(F, "proto3_optional") : pe(F, "optional");
             break;
           case "message":
-            ke(M, Z);
+            ke(F, Y);
             break;
           case "enum":
-            ae(M, Z);
+            oe(F, Y);
             break;
           case "reserved":
-            fe(M.reserved || (M.reserved = []), !0);
+            se(F.reserved || (F.reserved = []), !0);
             break;
           /* istanbul ignore next */
           default:
-            throw j(Z);
+            throw B(Y);
         }
-      }), P.add(M).add(F);
+      }), P.add(F).add(I);
     }
     function Oe(P) {
       T("<");
       var C = b();
       if (d.mapKey[C] === void 0)
-        throw j(C, "type");
+        throw B(C, "type");
       T(",");
       var p = b();
       if (!x.test(p))
-        throw j(p, "type");
+        throw B(p, "type");
       T(">");
       var w = b();
       if (!S.test(w))
-        throw j(w, "name");
+        throw B(w, "name");
       T("=");
-      var O = new a(U(w), ye(b()), C, p);
-      me(O, function(F) {
-        if (F === "option")
-          pe(O, F), T(";");
+      var O = new a(U(w), ve(b()), C, p);
+      he(O, function(I) {
+        if (I === "option")
+          me(O, I), T(";");
         else
-          throw j(F);
+          throw B(I);
       }, function() {
-        _e(O);
+        we(O);
       }), P.add(O);
     }
     function Te(P, C) {
       if (!S.test(C = b()))
-        throw j(C, "name");
+        throw B(C, "name");
       var p = new i(U(C));
-      me(p, function(O) {
-        O === "option" ? (pe(p, O), T(";")) : (q(O), de(p, "optional"));
+      he(p, function(O) {
+        O === "option" ? (me(p, O), T(";")) : (q(O), pe(p, "optional"));
       }), P.add(p);
     }
-    function ae(P, C) {
+    function oe(P, C) {
       if (!S.test(C = b()))
-        throw j(C, "name");
+        throw B(C, "name");
       var p = new e(C);
-      me(p, function(O) {
+      he(p, function(O) {
         switch (O) {
           case "option":
-            pe(p, O), T(";");
+            me(p, O), T(";");
             break;
           case "reserved":
-            fe(p.reserved || (p.reserved = []), !0), p.reserved === void 0 && (p.reserved = []);
+            se(p.reserved || (p.reserved = []), !0), p.reserved === void 0 && (p.reserved = []);
             break;
           default:
             be(p, O);
         }
-      }), P.add(p), P === $ && I.push(p);
+      }), P.add(p), P === G && j.push(p);
     }
     function be(P, C) {
       if (!S.test(C))
-        throw j(C, "name");
+        throw B(C, "name");
       T("=");
-      var p = ye(b(), !0), w = {
+      var p = ve(b(), !0), w = {
         options: void 0
       };
       w.getOption = function(O) {
         return this.options[O];
-      }, w.setOption = function(O, M) {
-        n.prototype.setOption.call(w, O, M);
+      }, w.setOption = function(O, F) {
+        n.prototype.setOption.call(w, O, F);
       }, w.setParsedOption = function() {
-      }, me(w, function(M) {
-        if (M === "option")
-          pe(w, M), T(";");
+      }, he(w, function(F) {
+        if (F === "option")
+          me(w, F), T(";");
         else
-          throw j(M);
+          throw B(F);
       }, function() {
-        _e(w);
+        we(w);
       }), P.add(C, p, w.comment, w.parsedOptions || w.options);
     }
-    function pe(P, C) {
+    function me(P, C) {
       var p, w, O = !0;
       for (C === "option" && (C = b()); C !== "="; ) {
         if (C === "(") {
-          var M = b();
-          T(")"), C = "(" + M + ")";
+          var F = b();
+          T(")"), C = "(" + F + ")";
         }
         if (O) {
           if (O = !1, C.includes(".") && !C.includes("(")) {
-            var F = C.split(".");
-            p = F[0] + ".", C = F[1];
+            var I = C.split(".");
+            p = I[0] + ".", C = I[1];
             continue;
           }
           p = C;
@@ -3279,52 +3279,52 @@ function requireParse() {
           w = w ? w += C : C;
         C = b();
       }
-      var G = w ? p.concat(w) : p, Z = qe(P, G);
-      w = w && w[0] === "." ? w.slice(1) : w, p = p && p[p.length - 1] === "." ? p.slice(0, -1) : p, ve(P, p, Z, w);
+      var X = w ? p.concat(w) : p, Y = qe(P, X);
+      w = w && w[0] === "." ? w.slice(1) : w, p = p && p[p.length - 1] === "." ? p.slice(0, -1) : p, ye(P, p, Y, w);
     }
     function qe(P, C) {
       if (T("{", !0)) {
         for (var p = {}; !T("}", !0); ) {
-          if (!S.test(ie = b()))
-            throw j(ie, "name");
-          if (ie === null)
-            throw j(ie, "end of input");
-          var w, O = ie;
-          if (T(":", !0), k() === "{")
-            w = qe(P, C + "." + ie);
-          else if (k() === "[") {
+          if (!S.test(ae = b()))
+            throw B(ae, "name");
+          if (ae === null)
+            throw B(ae, "end of input");
+          var w, O = ae;
+          if (T(":", !0), E() === "{")
+            w = qe(P, C + "." + ae);
+          else if (E() === "[") {
             w = [];
-            var M;
+            var F;
             if (T("[", !0)) {
               do
-                M = se(), w.push(M);
+                F = ue(), w.push(F);
               while (T(",", !0));
-              T("]"), typeof M < "u" && Ae(P, C + "." + ie, M);
+              T("]"), typeof F < "u" && Ae(P, C + "." + ae, F);
             }
           } else
-            w = se(), Ae(P, C + "." + ie, w);
-          var F = p[O];
-          F && (w = [].concat(F).concat(w)), p[O] = w, T(",", !0), T(";", !0);
+            w = ue(), Ae(P, C + "." + ae, w);
+          var I = p[O];
+          I && (w = [].concat(I).concat(w)), p[O] = w, T(",", !0), T(";", !0);
         }
         return p;
       }
-      var G = se();
-      return Ae(P, C, G), G;
+      var X = ue();
+      return Ae(P, C, X), X;
     }
     function Ae(P, C, p) {
-      if ($ === P && /^features\./.test(C)) {
-        Y[C] = p;
+      if (G === P && /^features\./.test(C)) {
+        Z[C] = p;
         return;
       }
       P.setOption && P.setOption(C, p);
     }
-    function ve(P, C, p, w) {
+    function ye(P, C, p, w) {
       P.setParsedOption && P.setParsedOption(C, p, w);
     }
-    function _e(P) {
+    function we(P) {
       if (T("[", !0)) {
         do
-          pe(P, "option");
+          me(P, "option");
         while (T(",", !0));
         T("]");
       }
@@ -3332,89 +3332,89 @@ function requireParse() {
     }
     function Ee(P, C) {
       if (!S.test(C = b()))
-        throw j(C, "service name");
+        throw B(C, "service name");
       var p = new t(C);
-      me(p, function(O) {
+      he(p, function(O) {
         if (!ge(p, O))
           if (O === "rpc")
             xe(p, O);
           else
-            throw j(O);
-      }), P.add(p), P === $ && I.push(p);
+            throw B(O);
+      }), P.add(p), P === G && j.push(p);
     }
     function xe(P, C) {
       var p = A(), w = C;
       if (!S.test(C = b()))
-        throw j(C, "name");
-      var O = C, M, F, G, Z;
-      if (T("("), T("stream", !0) && (F = !0), !x.test(C = b()) || (M = C, T(")"), T("returns"), T("("), T("stream", !0) && (Z = !0), !x.test(C = b())))
-        throw j(C);
-      G = C, T(")");
-      var Q = new r(O, w, M, G, F, Z);
-      Q.comment = p, me(Q, function(K) {
+        throw B(C, "name");
+      var O = C, F, I, X, Y;
+      if (T("("), T("stream", !0) && (I = !0), !x.test(C = b()) || (F = C, T(")"), T("returns"), T("("), T("stream", !0) && (Y = !0), !x.test(C = b())))
+        throw B(C);
+      X = C, T(")");
+      var Q = new r(O, w, F, X, I, Y);
+      Q.comment = p, he(Q, function(K) {
         if (K === "option")
-          pe(Q, K), T(";");
+          me(Q, K), T(";");
         else
-          throw j(K);
+          throw B(K);
       }), P.add(Q);
     }
     function Ce(P, C) {
       if (!x.test(C = b()))
-        throw j(C, "reference");
+        throw B(C, "reference");
       var p = C;
-      me(null, function(O) {
+      he(null, function(O) {
         switch (O) {
           case "required":
           case "repeated":
-            de(P, O, p);
+            pe(P, O, p);
             break;
           case "optional":
-            J === "proto3" ? de(P, "proto3_optional", p) : de(P, "optional", p);
+            H === "proto3" ? pe(P, "proto3_optional", p) : pe(P, "optional", p);
             break;
           default:
-            if (J === "proto2" || !x.test(O))
-              throw j(O);
-            q(O), de(P, "optional", p);
+            if (H === "proto2" || !x.test(O))
+              throw B(O);
+            q(O), pe(P, "optional", p);
             break;
         }
       });
     }
-    for (var ie; (ie = b()) !== null; )
-      switch (ie) {
+    for (var ae; (ae = b()) !== null; )
+      switch (ae) {
         case "package":
-          if (!E)
-            throw j(ie);
+          if (!V)
+            throw B(ae);
           Re();
           break;
         case "import":
-          if (!E)
-            throw j(ie);
-          ue();
+          if (!V)
+            throw B(ae);
+          _e();
           break;
         case "syntax":
-          if (!E)
-            throw j(ie);
-          he();
+          if (!V)
+            throw B(ae);
+          fe();
           break;
         case "edition":
-          if (!E)
-            throw j(ie);
-          we();
+          if (!V)
+            throw B(ae);
+          de();
           break;
         case "option":
-          pe($, ie), T(";", !0);
+          me(G, ae), T(";", !0);
           break;
         default:
-          if (ge($, ie)) {
-            E = !1;
+          if (ge(G, ae)) {
+            V = !1;
             continue;
           }
-          throw j(ie);
+          throw B(ae);
       }
-    return ce(), _.filename = null, {
-      package: D,
-      imports: L,
-      weakImports: W,
+    return ne(), _.filename = null, {
+      package: k,
+      imports: W,
+      weakImports: M,
       root: z
     };
   }
@@ -3811,217 +3811,220 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       }
     }
   }, i = protobuf.Root.fromJSON(l).TimeSeriesMessage;
-  let e = null, t = null, r = null, n = null, d = null, s = null, u = "viewerAsset", o = !1, h = null;
-  const m = (E, D = 2e3) => new Promise((L) => {
-    if (!E || E.readyState === WebSocket.CLOSED) {
-      L();
+  let e = null, t = null, r = null, n = null, d = null, s = null, u = null, o = "viewerAsset", h = !1, m = null;
+  const R = (k, W = 2e3) => new Promise((M) => {
+    if (!k || k.readyState === WebSocket.CLOSED) {
+      M();
       return;
     }
-    const W = Date.now(), J = () => {
-      E.readyState === WebSocket.CLOSED || Date.now() - W > D ? L() : setTimeout(J, 50);
+    const H = Date.now(), G = () => {
+      k.readyState === WebSocket.CLOSED || Date.now() - H > W ? M() : setTimeout(G, 50);
     };
-    J();
-  }), R = async () => {
+    G();
+  }), y = async () => {
     if (f.value) {
-      const E = f.value;
-      f.value = null, c.value = "disconnected", (E.readyState === WebSocket.OPEN || E.readyState === WebSocket.CONNECTING) && (E.close(), await m(E));
+      const k = f.value;
+      f.value = null, c.value = "disconnected", (k.readyState === WebSocket.OPEN || k.readyState === WebSocket.CONNECTING) && (k.close(), await R(k));
     }
-    h = null;
-  }, y = async (E, D, L, W = "viewerAsset") => {
-    if (h && await h, f.value) {
-      const J = f.value.readyState;
-      (J === WebSocket.CONNECTING || J === WebSocket.OPEN || J === WebSocket.CLOSING) && (await R(), await new Promise(($) => setTimeout($, 100)));
+    m = null;
+  }, g = async (k, W, M, H = "viewerAsset", G = null) => {
+    if (m && await m, f.value) {
+      const j = f.value.readyState;
+      (j === WebSocket.CONNECTING || j === WebSocket.OPEN || j === WebSocket.CLOSING) && (await y(), await new Promise((Z) => setTimeout(Z, 100)));
     }
-    s = D, u = W, v.value = !0, h = new Promise(async (J, $) => {
+    s = W, u = G, o = H, v.value = !0, m = new Promise(async (j, Z) => {
       try {
-        const I = L || await useToken(), Y = E + "?session=" + I + "&" + u + "=" + s, U = new WebSocket(Y);
-        f.value = U, U.onopen = () => {
-          g(), J(U);
-        }, U.onclose = () => {
-          S(), J(null);
-        }, U.onmessage = x, U.onerror = (ce) => {
-          console.error("WebSocket error:", ce), c.value = "disconnected", $(ce);
+        const U = M || await useToken();
+        let ne = k + "?session=" + U + "&" + o + "=" + s;
+        u && o !== "package" && (ne += "&package=" + u);
+        const B = new WebSocket(ne);
+        f.value = B, B.onopen = () => {
+          S(), j(B);
+        }, B.onclose = () => {
+          x(), j(null);
+        }, B.onmessage = _, B.onerror = (re) => {
+          console.error("WebSocket error:", re), c.value = "disconnected", Z(re);
         }, setTimeout(() => {
-          U.readyState === WebSocket.CONNECTING && (U.close(), $(new Error("WebSocket connection timeout")));
+          B.readyState === WebSocket.CONNECTING && (B.close(), Z(new Error("WebSocket connection timeout")));
         }, 1e4);
-      } catch (I) {
-        console.error("Failed to create WebSocket:", I), $(I);
+      } catch (U) {
+        console.error("Failed to create WebSocket:", U), Z(U);
       }
     });
     try {
-      await h;
-    } catch (J) {
-      console.error("WebSocket connection failed:", J), h = null;
+      await m;
+    } catch (j) {
+      console.error("WebSocket connection failed:", j), m = null;
     }
-  }, g = () => {
+  }, S = () => {
     if (c.value = "connected", v.value) {
       if (d && d(), s) {
-        const E = { montage: "NOT_MONTAGED", packageId: s };
-        f.value.send(JSON.stringify(E));
+        const k = { montage: "NOT_MONTAGED", packageId: u || s };
+        f.value.send(JSON.stringify(k));
       }
       v.value = !1;
     }
-  }, S = () => {
+  }, x = () => {
     c.value = "disconnected";
-  }, x = (E) => {
-    if (typeof E.data == "string") {
-      let L = {};
+  }, _ = (k) => {
+    if (typeof k.data == "string") {
+      let M = {};
       try {
-        L = JSON.parse(E.data);
+        M = JSON.parse(k.data);
       } catch {
         n == null || n({ error: "JSON Parse Error" });
         return;
       }
-      L.channelDetails ? r == null || r(L.channelDetails) : L.error && (n == null || n(L));
+      M.channelDetails ? r == null || r(M.channelDetails) : M.error && (n == null || n(M));
       return;
     }
-    const D = new FileReader();
-    D.addEventListener("loadend", function(L) {
-      const W = L.target.result, J = new Uint8Array(W), $ = i.decode(J), I = $.segment;
-      if ($.event && $.event.length > 0 && $.event[0].pageStart) {
-        const Y = $.event[0], U = [[], []], ce = Y.times.length / 2;
-        let j = 0;
-        for (let oe = 0; oe < ce; oe++)
-          U[0].push(Y.times[j]), U[1].push(Y.times[j + 1]), j += 2;
-        let re = new Array(3), se = 0;
+    const W = new FileReader();
+    W.addEventListener("loadend", function(M) {
+      const H = M.target.result, G = new Uint8Array(H), j = i.decode(G), Z = j.segment;
+      if (j.event && j.event.length > 0 && j.event[0].pageStart) {
+        const U = j.event[0], ne = [[], []], B = U.times.length / 2;
+        let re = 0;
+        for (let ve = 0; ve < B; ve++)
+          ne[0].push(U.times[re]), ne[1].push(U.times[re + 1]), re += 2;
+        let ue = new Array(3), se = 0;
         for (; se < 3; )
-          re[se] = new Float32Array(U[0].length), se++;
-        const fe = {
-          chId: Y.source,
+          ue[se] = new Float32Array(ne[0].length), se++;
+        const ce = {
+          chId: U.source,
           lastUsed: 0,
           unit: "uV",
-          samplePeriod: Y.samplePeriod,
-          pageStart: Y.pageStart,
-          pageEnd: Y.pageEnd,
-          startTs: Y.pageStart,
-          isMinMax: Y.isResampled,
+          samplePeriod: U.samplePeriod,
+          pageStart: U.pageStart,
+          pageEnd: U.pageEnd,
+          startTs: U.pageStart,
+          isMinMax: U.isResampled,
           unitM: 1,
           type: "Neural",
-          nrPoints: ce,
-          parsedData: U,
-          cData: re
+          nrPoints: B,
+          parsedData: ne,
+          cData: ue
         };
         t == null || t({
-          pageStart: Y.pageStart,
-          data: fe,
+          pageStart: U.pageStart,
+          data: ce,
           type: "Neural",
-          nrResponses: $.totalResponses
+          nrResponses: j.totalResponses
         });
       }
-      if (I !== null) {
-        let Y = null;
-        I.isMinMax ? Y = I.data.length / 2 : Y = I.data.length;
-        const U = new Array(3), ce = I.startTs;
-        let j = 0, re = 0, se = 0;
+      if (Z !== null) {
+        let U = null;
+        Z.isMinMax ? U = Z.data.length / 2 : U = Z.data.length;
+        const ne = new Array(3), B = Z.startTs;
+        let re = 0, ue = 0, se = 0;
         for (; se < 3; )
-          U[se] = new Float64Array(Y), se++;
-        if (I.isMinMax) {
-          let ue = 0;
-          for (let he = 0; he < Y; he++) {
-            let we = -I.data[ue], ge = -I.data[ue + 1];
-            U[0][he] = ce + he * I.samplePeriod, U[1][he] = we, U[2][he] = ge, isNaN(we) || (re++, j += we + (ge - we) / 2), ue += 2;
+          ne[se] = new Float64Array(U), se++;
+        if (Z.isMinMax) {
+          let fe = 0;
+          for (let de = 0; de < U; de++) {
+            let ge = -Z.data[fe], he = -Z.data[fe + 1];
+            ne[0][de] = B + de * Z.samplePeriod, ne[1][de] = ge, ne[2][de] = he, isNaN(ge) || (ue++, re += ge + (he - ge) / 2), fe += 2;
           }
         } else
-          for (let ue = 0; ue < Y; ue++) {
-            let he = -I.data[ue];
-            U[0][ue] = ce + ue * I.samplePeriod, U[1][ue] = he, isNaN(he) || (re++, j += he);
+          for (let fe = 0; fe < U; fe++) {
+            let de = -Z.data[fe];
+            ne[0][fe] = B + fe * Z.samplePeriod, ne[1][fe] = de, isNaN(de) || (ue++, re += de);
           }
-        let fe = 0;
-        if (o) {
-          const ue = Array.prototype.slice.call(U[1]).sort();
-          fe = ue[Math.round(ue.length / 2)];
+        let ce = 0;
+        if (h) {
+          const fe = Array.prototype.slice.call(ne[1]).sort();
+          ce = fe[Math.round(fe.length / 2)];
         }
-        let oe = new Array(3), ye = 0;
-        for (; ye < 3; )
-          oe[ye] = new Float32Array(U[0].length), ye++;
-        const Re = {
-          chId: I.source,
-          lastUsed: I.lastUsed,
-          unit: I.unit,
-          samplePeriod: I.samplePeriod,
-          pageStart: I.pageStart,
-          pageEnd: I.pageEnd,
-          startTs: ce,
-          isMinMax: I.isMinMax,
-          unitM: I.unitM,
-          type: I.segmentType,
-          nrPoints: Y,
-          cData: oe,
-          parsedData: U,
-          median: fe,
-          sumElem: j,
-          nrValidPoints: re,
-          name: I.channelName,
-          label: I.channelName
+        let ve = new Array(3), Re = 0;
+        for (; Re < 3; )
+          ve[Re] = new Float32Array(ne[0].length), Re++;
+        const _e = {
+          chId: Z.source,
+          lastUsed: Z.lastUsed,
+          unit: Z.unit,
+          samplePeriod: Z.samplePeriod,
+          pageStart: Z.pageStart,
+          pageEnd: Z.pageEnd,
+          startTs: B,
+          isMinMax: Z.isMinMax,
+          unitM: Z.unitM,
+          type: Z.segmentType,
+          nrPoints: U,
+          cData: ve,
+          parsedData: ne,
+          median: ce,
+          sumElem: re,
+          nrValidPoints: ue,
+          name: Z.channelName,
+          label: Z.channelName
         };
-        Re.nrPoints > 0 ? e == null || e({
-          pageStart: I.pageStart,
-          data: Re,
-          type: I.segmentType,
-          nrResponses: $.totalResponses
+        _e.nrPoints > 0 ? e == null || e({
+          pageStart: Z.pageStart,
+          data: _e,
+          type: Z.segmentType,
+          nrResponses: j.totalResponses
         }) : e == null || e({
-          pageStart: I.pageStart,
-          data: Re,
-          nrResponses: $.totalResponses,
+          pageStart: Z.pageStart,
+          data: _e,
+          nrResponses: j.totalResponses,
           type: "gap"
         });
       }
-    }), D.readAsArrayBuffer(E.data);
-  }, _ = (E) => f.value && f.value.readyState === 1 ? (f.value.send(JSON.stringify(E)), !0) : !1, N = (E) => {
-    let D;
-    switch (E) {
+    }), W.readAsArrayBuffer(k.data);
+  }, N = (k) => f.value && f.value.readyState === 1 ? (f.value.send(JSON.stringify(k)), !0) : !1, z = (k) => {
+    let W;
+    switch (k) {
       case "NOT_MONTAGED":
-        D = { montage: "NOT_MONTAGED", packageId: s };
+        W = { montage: "NOT_MONTAGED", packageId: u || s };
         break;
       default:
-        D = { montage: "CUSTOM_MONTAGE", packageId: s, montageMap: E };
+        W = { montage: "CUSTOM_MONTAGE", packageId: u || s, montageMap: k };
     }
-    _(D);
-  }, z = (E) => {
-    f.value && f.value.readyState === 1 ? f.value.send(JSON.stringify(E)) : setTimeout(() => z(E), 200);
-  }, H = () => {
+    N(W);
+  }, $ = (k) => {
+    f.value && f.value.readyState === 1 ? f.value.send(JSON.stringify(k)) : setTimeout(() => $(k), 200);
+  }, D = () => {
     if (f.value && f.value.readyState === 1) {
-      const E = {
+      const k = {
         requestType: "DumpBufferRequest"
       };
-      return f.value.send(JSON.stringify(E)), !0;
+      return f.value.send(JSON.stringify(k)), !0;
     }
     return console.warn("⚠️ Cannot send dump buffer request - WebSocket not connected"), !1;
-  }, B = (E) => {
-    e = E;
-  }, V = (E) => {
-    t = E;
-  }, b = (E) => {
-    r = E;
-  }, q = (E) => {
-    n = E;
+  }, L = (k) => {
+    e = k;
+  }, b = (k) => {
+    t = k;
+  }, q = (k) => {
+    r = k;
+  }, E = (k) => {
+    n = k;
   };
   onUnmounted(async () => {
-    await R();
+    await y();
   });
-  const k = (E) => {
-    d = E;
-  }, T = (E) => {
-    s = E;
-  }, A = (E) => {
-    o = E;
+  const T = (k) => {
+    d = k;
+  }, A = (k) => {
+    s = k;
+  }, V = (k) => {
+    h = k;
   };
   return {
     websocket: readonly(f),
     connectionStatus: readonly(c),
-    openWebsocket: y,
-    send: _,
-    sendMontageMessage: N,
-    sendFilterMessage: z,
-    sendDumpBufferRequest: H,
-    disconnect: R,
-    setClearChannelsCallback: k,
-    setActiveId: T,
-    setUseMedian: A,
-    onSegment: B,
-    onEvent: V,
-    onChannelDetails: b,
-    onError: q
+    openWebsocket: g,
+    send: N,
+    sendMontageMessage: z,
+    sendFilterMessage: $,
+    sendDumpBufferRequest: D,
+    disconnect: y,
+    setClearChannelsCallback: T,
+    setActiveId: A,
+    setUseMedian: V,
+    onSegment: L,
+    onEvent: b,
+    onChannelDetails: q,
+    onError: E
   };
 }, useCanvasRenderer = () => {
   const f = ref(null), c = ref(null), v = (t, r, n) => r * (t + n), l = (t = 1) => t, a = (t, r, n, d, s, u, o = !1) => {
@@ -4055,65 +4058,65 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         let _ = null;
         if (_ = r.find((A) => A.id === x.id), !_ || !_.visible)
           continue;
-        const N = d.start, z = d.rsPeriod, H = n.XOFFSET, B = Math.min(Math.round(d.cHeight / t.channels.length - 2), 10);
+        const N = d.start, z = d.rsPeriod, $ = n.XOFFSET, D = Math.min(Math.round(d.cHeight / t.channels.length - 2), 10);
         for (let A = 0; A < _.dataSegments.length; A += 2) {
           if (_.dataSegments[A + 1] < N)
             continue;
           if (_.dataSegments[A] > N + d.duration)
             break;
-          let E = Math.floor(H + (_.dataSegments[A] - N) / z), D = Math.floor(H + (_.dataSegments[A + 1] - N) / z), L = Math.floor(_.rowBaseline - B / 2);
-          m.fillRect(E, L, D - E, B);
+          let V = Math.floor($ + (_.dataSegments[A] - N) / z), k = Math.floor($ + (_.dataSegments[A + 1] - N) / z), W = Math.floor(_.rowBaseline - D / 2);
+          m.fillRect(V, W, k - V, D);
         }
         e(_, x, d, n, s, o);
-        const V = x.blocks.length;
+        const L = x.blocks.length;
         let b = "Continuous";
-        V && (b = x.blocks[0].type), _.hover ? _.selected ? (y.strokeStyle = "rgba(39,96,255,0.70)", y.fillStyle = "rgba(39,96,255,0.70)") : (y.strokeStyle = "rgba(39,96,255,0.60)", y.fillStyle = "rgba(39,96,255,0.60)") : _.selected ? (y.strokeStyle = "rgb(249,162,58)", y.fillStyle = "rgb(3249,162,58)") : b === "Neural" ? y.strokeStyle = "rgb(249,162,58)" : (y.strokeStyle = "black", y.fillStyle = "black");
-        let q = null, k = !0, T = 1e6 * (1 / _.sf);
-        for (let A = 0; A < V; A++) {
-          const E = x.blocks[A];
-          if (E.nrPoints === 0)
+        L && (b = x.blocks[0].type), _.hover ? _.selected ? (y.strokeStyle = "rgba(39,96,255,0.70)", y.fillStyle = "rgba(39,96,255,0.70)") : (y.strokeStyle = "rgba(39,96,255,0.60)", y.fillStyle = "rgba(39,96,255,0.60)") : _.selected ? (y.strokeStyle = "rgb(249,162,58)", y.fillStyle = "rgb(3249,162,58)") : b === "Neural" ? y.strokeStyle = "rgb(249,162,58)" : (y.strokeStyle = "black", y.fillStyle = "black");
+        let q = null, E = !0, T = 1e6 * (1 / _.sf);
+        for (let A = 0; A < L; A++) {
+          const V = x.blocks[A];
+          if (V.nrPoints === 0)
             continue;
-          const D = E.cData, L = E.nrPoints, W = D[0], J = D[1], $ = D[2];
-          let I = E.renderStartIndex, Y = E.renderEndIndex;
-          switch (m.clearRect(Math.floor(W[I]), Math.floor(_.rowBaseline - B / 2), Math.ceil(W[Y] - W[I] + 2), B + 1), E.type) {
+          const k = V.cData, W = V.nrPoints, M = k[0], H = k[1], G = k[2];
+          let j = V.renderStartIndex, Z = V.renderEndIndex;
+          switch (m.clearRect(Math.floor(M[j]), Math.floor(_.rowBaseline - D / 2), Math.ceil(M[Z] - M[j] + 2), D + 1), V.type) {
             case "Continuous":
             case "realtime":
-              if (E.isMinMax) {
-                if (E.samplePeriod / T < 3 && (k = !1), k) {
-                  y.beginPath(), A > 0 && W[I] < q.x + 3 ? y.moveTo(q.x, q.y) : y.moveTo(W[I], J[I]);
-                  for (let U = I; U < Y + 1; U++)
-                    y.lineTo(W[U], J[U]);
-                  for (let U = Y - 1; U >= I; U--)
-                    y.lineTo(W[U], $[U]);
-                  A > 0 && W[I] < q.x + 3 && y.lineTo(q.x, q.y2), y.closePath(), y.fill();
+              if (V.isMinMax) {
+                if (V.samplePeriod / T < 3 && (E = !1), E) {
+                  y.beginPath(), A > 0 && M[j] < q.x + 3 ? y.moveTo(q.x, q.y) : y.moveTo(M[j], H[j]);
+                  for (let U = j; U < Z + 1; U++)
+                    y.lineTo(M[U], H[U]);
+                  for (let U = Z - 1; U >= j; U--)
+                    y.lineTo(M[U], G[U]);
+                  A > 0 && M[j] < q.x + 3 && y.lineTo(q.x, q.y2), y.closePath(), y.fill();
                 } else {
                   y.beginPath();
-                  for (let U = I; U < Y + 1; U++)
-                    y.lineTo(W[U], J[U]), y.lineTo(W[U], $[U]), y.moveTo(W[U], J[U]);
+                  for (let U = j; U < Z + 1; U++)
+                    y.lineTo(M[U], H[U]), y.lineTo(M[U], G[U]), y.moveTo(M[U], H[U]);
                   y.stroke();
                 }
-                y.beginPath(), y.moveTo(W[I], J[I]);
-                for (let U = I; U < Y + 1; U++)
-                  y.lineTo(W[U], J[U]);
+                y.beginPath(), y.moveTo(M[j], H[j]);
+                for (let U = j; U < Z + 1; U++)
+                  y.lineTo(M[U], H[U]);
                 y.stroke();
               } else {
-                A === 0 ? (y.beginPath(), y.moveTo(W[I], J[I])) : W[I] > q.x + 2 && y.moveTo(W[I], J[I]);
-                for (let U = I; U < Y + 1; U++)
-                  y.lineTo(W[U], J[U]);
-                A === V - 1 && y.stroke();
+                A === 0 ? (y.beginPath(), y.moveTo(M[j], H[j])) : M[j] > q.x + 2 && y.moveTo(M[j], H[j]);
+                for (let U = j; U < Z + 1; U++)
+                  y.lineTo(M[U], H[U]);
+                A === L - 1 && y.stroke();
               }
               break;
             case "Neural":
               y.beginPath();
-              for (let U = 0; U < L; U++)
-                y.moveTo(W[U], J[U]), y.lineTo(W[U], $[U]);
+              for (let U = 0; U < W; U++)
+                y.moveTo(M[U], H[U]), y.lineTo(M[U], G[U]);
               y.stroke();
               break;
           }
           q = {
-            x: W[L - 1],
-            y: J[L - 1],
-            y2: $[L - 1]
+            x: M[W - 1],
+            y: H[W - 1],
+            y2: G[W - 1]
           };
         }
       }
@@ -4139,9 +4142,9 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       case "UNIT":
         if (!u)
           for (let m = 0; m < o; m++) {
-            const R = r.blocks[m], y = R.cData, g = R.parsedData, S = d.XOFFSET, x = R.parsedData[0].length, _ = y[0], N = y[1], z = y[2], H = g[0], B = t.rowBaseline | 0, V = n.start, b = n.rsPeriod, q = n.cHeight / (2 * (n.nrVisibleChannels + 1)) | 0;
-            for (let k = 0; k < x; k++)
-              _[k] = S + (H[k] - V) / b, N[k] = B - q, z[k] = B + q;
+            const R = r.blocks[m], y = R.cData, g = R.parsedData, S = d.XOFFSET, x = R.parsedData[0].length, _ = y[0], N = y[1], z = y[2], $ = g[0], D = t.rowBaseline | 0, L = n.start, b = n.rsPeriod, q = n.cHeight / (2 * (n.nrVisibleChannels + 1)) | 0;
+            for (let E = 0; E < x; E++)
+              _[E] = S + ($[E] - L) / b, N[E] = D - q, z[E] = D + q;
           }
         break;
       case "CONTINUOUS":
@@ -4159,12 +4162,12 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           R.renderStartIndex = y > 0 ? y : 0;
           let g = Math.floor((n.start + n.duration - (R.startTs + R.nrPoints * R.samplePeriod)) / R.samplePeriod);
           R.renderEndIndex = g >= 0 ? R.nrPoints - 1 : R.nrPoints + g;
-          const S = R.cData, x = R.parsedData, _ = s * t.rowScale, N = d.XOFFSET, z = R.parsedData[0].length, H = S[0], B = S[1], V = S[2], b = x[0], q = x[1], k = x[2], T = t.rowBaseline;
+          const S = R.cData, x = R.parsedData, _ = s * t.rowScale, N = d.XOFFSET, z = R.parsedData[0].length, $ = S[0], D = S[1], L = S[2], b = x[0], q = x[1], E = x[2], T = t.rowBaseline;
           let A = 0;
           d.USEMEDIAN ? A = r.median : A = r.mean;
-          const E = n.rsPeriod, D = n.start;
-          for (let L = 0; L < z; L++)
-            H[L] = N + (b[L] - D) / E, B[L] = T - (q[L] - A) * _, R.isMinMax && (q[L] === k[L] ? V[L] = B[L] + 1 : V[L] = T - (k[L] - A) * _);
+          const V = n.rsPeriod, k = n.start;
+          for (let W = 0; W < z; W++)
+            $[W] = N + (b[W] - k) / V, D[W] = T - (q[W] - A) * _, R.isMinMax && (q[W] === E[W] ? L[W] = D[W] + 1 : L[W] = T - (E[W] - A) * _);
         }
         break;
     }
@@ -4183,28 +4186,28 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     start: 0,
     duration: 0,
     channels: []
-  }), l = ref(!1), a = ref(0), i = ref(null), e = ref(1), t = ref(!1), r = 15e6, n = 3, d = (_, N, z, H) => {
-    H || (H = 0);
-    let B = s(_, N, H, _.length - 1, z);
-    return B === -1 ? B = 0 : B < 0 && (B = -B - 2), B;
-  }, s = (_, N, z, H, B) => {
-    if (H < z) {
+  }), l = ref(!1), a = ref(0), i = ref(null), e = ref(1), t = ref(!1), r = 15e6, n = 3, d = (_, N, z, $) => {
+    $ || ($ = 0);
+    let D = s(_, N, $, _.length - 1, z);
+    return D === -1 ? D = 0 : D < 0 && (D = -D - 2), D;
+  }, s = (_, N, z, $, D) => {
+    if ($ < z) {
       let b;
-      if (H >= 0 ? b = H : b = -H - 2, b === -1)
+      if ($ >= 0 ? b = $ : b = -$ - 2, b === -1)
         return b;
       const q = _[b].pageStart;
       for (; b >= 0 && _[b].pageStart === q; )
         b--;
       return b++, -b - 2;
     }
-    const V = parseInt((z + H) / 2);
-    if (_[V].pageStart > N)
-      return s(_, N, z, V - 1, B);
-    if (_[V].pageStart < N)
-      return s(_, N, V + 1, H, B);
+    const L = parseInt((z + $) / 2);
+    if (_[L].pageStart > N)
+      return s(_, N, z, L - 1, D);
+    if (_[L].pageStart < N)
+      return s(_, N, L + 1, $, D);
     {
-      let b = V;
-      if (B) {
+      let b = L;
+      if (D) {
         for (; b >= 0 && _[b].pageStart === N; )
           b--;
         b++;
@@ -4218,11 +4221,11 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
   }, u = (_, N, z) => {
     if (!_)
       return Promise.resolve();
-    const H = [];
+    const $ = [];
     if (_.length > 0) {
-      const B = [];
-      for (let V = 0; V < _.length; V++) {
-        const b = _[V].content, k = {
+      const D = [];
+      for (let L = 0; L < _.length; L++) {
+        const b = _[L].content, E = {
           id: z ? z(b) : b.id,
           serverId: b.serverId,
           label: b.name,
@@ -4235,19 +4238,19 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           unit: b.unit,
           gaps: [],
           dataSegments: []
-        }, T = k.label.split("<->", 3), A = T[0];
-        let E = T.length > 1 ? parseFloat(T[1]) : 0;
-        E = isNaN(E) ? T[1] : E, B.push({
-          id: k.id,
-          serverId: k.serverId,
-          type: k.type,
-          label: k.label,
-          displayName: k.displayName,
+        }, T = E.label.split("<->", 3), A = T[0];
+        let V = T.length > 1 ? parseFloat(T[1]) : 0;
+        V = isNaN(V) ? T[1] : V, D.push({
+          id: E.id,
+          serverId: E.serverId,
+          type: E.type,
+          label: E.label,
+          displayName: E.displayName,
           label_split: T,
           label_prefix: A,
-          label_value: E,
+          label_value: V,
           dataSegments: [],
-          rank: V,
+          rank: L,
           visible: !0,
           plotAgainst: null,
           rowBaseline: null,
@@ -4260,11 +4263,11 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           filter: {},
           hideFilter: !0,
           isEditing: !1
-        }), H.push(k);
+        }), $.push(E);
       }
-      N && N.setChannels(B);
+      N && N.setChannels(D);
     }
-    return o(H), f.value = H, a.value = _.length, l.value = !0, Promise.resolve();
+    return o($), f.value = $, a.value = _.length, l.value = !0, Promise.resolve();
   }, o = (_) => {
     var N, z;
     if (_.length === 0) {
@@ -4276,20 +4279,20 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     if (t.value)
       return;
     let N = null;
-    const z = _.data.chId || _.data.source, H = _.data.label || _.data.name;
+    const z = _.data.chId || _.data.source, $ = _.data.label || _.data.name;
     if (N = f.value.find(
-      (B) => B.serverId === z && B.label === H
+      (D) => D.serverId === z && D.label === $
     ), !!N)
       switch (_.type) {
         case "gap":
         case "Neural":
         case "Continuous":
-          let B = !1, V = N && N.segments;
-          if (V && _.type !== "gap" && (B = !0, V.length > 0)) {
-            let q = d(V, _.data.startTs, !0, 0);
-            for (; V[q] && V[q].pageStart === _.data.pageStart; ) {
-              if (V[q].startTs === _.data.startTs) {
-                B = !1;
+          let D = !1, L = N && N.segments;
+          if (L && _.type !== "gap" && (D = !0, L.length > 0)) {
+            let q = d(L, _.data.startTs, !0, 0);
+            for (; L[q] && L[q].pageStart === _.data.pageStart; ) {
+              if (L[q].startTs === _.data.startTs) {
+                D = !1;
                 break;
               }
               q++;
@@ -4299,16 +4302,16 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           if (b) {
             let q = b.counter.get(N.id);
             if (isNaN(q) && (q = _.nrResponses !== void 0 ? _.nrResponses : 1, b.counter.set(N.id, q)), q > 0 && (q = q - 1, b.counter.set(N.id, q)), q === 0) {
-              let k = !0;
+              let E = !0;
               for (let [T, A] of b.counter.entries())
                 if (A > 0 || isNaN(A)) {
-                  k = !1;
+                  E = !1;
                   break;
                 }
-              k && c.value.delete(_.data.pageStart);
+              E && c.value.delete(_.data.pageStart);
             }
           }
-          B && (V.push(_.data), V.sort((q, k) => q.startTs < k.startTs ? -1 : q.startTs > k.startTs ? 1 : 0));
+          D && (L.push(_.data), L.sort((q, E) => q.startTs < E.startTs ? -1 : q.startTs > E.startTs ? 1 : 0));
           break;
       }
   }, m = () => {
@@ -4318,22 +4321,22 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     for (let _ = 0; _ < v.channels.length; _++)
       v.channels[_].blocks = [];
   }, R = (_) => {
-    let N = 0, z = 0, H = v.channels;
-    for (let V = 0; V < H.length; V++) {
-      let b = H[V].blocks;
+    let N = 0, z = 0, $ = v.channels;
+    for (let L = 0; L < $.length; L++) {
+      let b = $[L].blocks;
       for (let q = 0; q < b.length; q++)
         b[q].type === "Continuous" && (N += y(b[q].parsedData[1]), z++);
     }
-    const B = N / z;
-    return !isNaN(B) && _ ? _ / H.length / (2 * B) : 1;
+    const D = N / z;
+    return !isNaN(D) && _ ? _ / $.length / (2 * D) : 1;
   }, y = (_) => {
-    const N = g(_), z = _.map(function(V) {
-      const b = V - N;
+    const N = g(_), z = _.map(function(L) {
+      const b = L - N;
       return b * b;
-    }), H = g(z);
-    return Math.sqrt(H);
-  }, g = (_) => _.reduce(function(H, B) {
-    return H + B;
+    }), $ = g(z);
+    return Math.sqrt($);
+  }, g = (_) => _.reduce(function($, D) {
+    return $ + D;
   }, 0) / _.length;
   return {
     // State
@@ -4371,15 +4374,15 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       var _;
       c.value.length > 0 ? (((_ = S.value) == null ? void 0 : _.size) || 0) < 5 && (g([c.value[0]]) ? c.value.splice(0, 1) : (console.warn("❌ Prefetch request failed"), clearInterval(v.value), l.value = !1)) : (clearInterval(v.value), l.value = !1);
     };
-  }, n = (g, S, x, _, N, z, H, B, V, b) => {
+  }, n = (g, S, x, _, N, z, $, D, L, b) => {
     _.start = S, _.duration = x;
     const q = [];
-    for (let k = 0; k < _.channels.length; k++) {
-      const T = b ? b(_.channels[k]) : _.channels[k].id;
+    for (let E = 0; E < _.channels.length; E++) {
+      const T = b ? b(_.channels[E]) : _.channels[E].id;
       q.push(T);
     }
-    for (let k = 0; k < g.length; k++) {
-      const T = g[k], A = b ? b(T) : T.id;
+    for (let E = 0; E < g.length; E++) {
+      const T = g[E], A = b ? b(T) : T.id;
       q.indexOf(A) < 0 && _.channels.push({
         id: A,
         mean: null,
@@ -4388,154 +4391,154 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         blocks: []
       });
     }
-    return d(g, S, x, _, N, z, H, B, V, b);
-  }, d = (g, S, x, _, N, z, H, B, V, b) => {
+    return d(g, S, x, _, N, z, $, D, L, b);
+  }, d = (g, S, x, _, N, z, $, D, L, b) => {
     f.value = [];
-    let k = !1;
-    (i.value !== S || e.value !== x) && (c.value = [], k = !0), i.value = S, e.value = x;
+    let E = !1;
+    (i.value !== S || e.value !== x) && (c.value = [], E = !0), i.value = S, e.value = x;
     const T = [];
     for (let A = 0; A < _.channels.length; A++)
       T.push(_.channels[A]);
     for (let A = 0; A < g.length; A++) {
-      let E = !1;
-      const D = g[A], L = D.segments, W = b ? b(D) : D.id, J = T.findIndex((re) => (b ? b(re) : re.id) === W);
-      if (J === -1)
+      let V = !1;
+      const k = g[A], W = k.segments, M = b ? b(k) : k.id, H = T.findIndex((re) => (b ? b(re) : re.id) === M);
+      if (H === -1)
         continue;
-      const $ = _.channels[J];
-      if (!$)
+      const G = _.channels[H];
+      if (!G)
         continue;
-      $.blocks = [];
-      let I = Math.floor(S / 15e6) * 15e6;
-      I < 0 && (I = 0);
-      let Y = 0, U = 0;
-      L.length > 0 && (Y = V(L, I, !0, 0));
-      let ce = S + x + z.PREFETCHPAGES * 15e6;
-      ce > B && (ce = B);
-      let j;
-      for (L.length > 0 && (j = L[Y]); I < ce || E; ) {
-        E = !1;
+      G.blocks = [];
+      let j = Math.floor(S / 15e6) * 15e6;
+      j < 0 && (j = 0);
+      let Z = 0, U = 0;
+      W.length > 0 && (Z = L(W, j, !0, 0));
+      let ne = S + x + z.PREFETCHPAGES * 15e6;
+      ne > D && (ne = D);
+      let B;
+      for (W.length > 0 && (B = W[Z]); j < ne || V; ) {
+        V = !1;
         let re = !1;
-        if (j && (re = I >= j.pageStart && I <= j.pageEnd), re) {
-          const se = j.pageStart;
-          for (; j && j.pageStart === se; )
-            j.startTs < S + x && $.blocks.push(j), U += 1, j = L[Y + U];
-          I += 15e6, j && j.pageStart === se && (E = !0);
+        if (B && (re = j >= B.pageStart && j <= B.pageEnd), re) {
+          const ue = B.pageStart;
+          for (; B && B.pageStart === ue; )
+            B.startTs < S + x && G.blocks.push(B), U += 1, B = W[Z + U];
+          j += 15e6, B && B.pageStart === ue && (V = !0);
         } else {
-          if (N.get(I)) {
-            if (I += 15e6, j && I >= j.pageEnd)
-              for (; j && j.pageEnd < I && (U += 1, j = L[Y + U], !!j); )
+          if (N.get(j)) {
+            if (j += 15e6, B && j >= B.pageEnd)
+              for (; B && B.pageEnd < j && (U += 1, B = W[Z + U], !!B); )
                 ;
             continue;
           }
-          if (I >= B) {
-            I += 15e6;
+          if (j >= D) {
+            j += 15e6;
             continue;
           }
-          let se = I < S + x, fe = !1;
-          if (se) {
-            for (let oe in c.value)
-              if (c.value[oe].start === I) {
-                c.value.splice(oe, 1);
+          let ue = j < S + x, se = !1;
+          if (ue) {
+            for (let ce in c.value)
+              if (c.value[ce].start === j) {
+                c.value.splice(ce, 1);
                 break;
               }
-            for (let oe in f.value)
-              f.value[oe].start === I && (f.value[oe].channels.push(D), fe = !0);
-            fe || f.value.push({
-              channels: [D],
-              start: I,
+            for (let ce in f.value)
+              f.value[ce].start === j && (f.value[ce].channels.push(k), se = !0);
+            se || f.value.push({
+              channels: [k],
+              start: j,
               duration: 15e6,
               isInViewport: !0,
-              pixelWidth: Math.ceil(H)
+              pixelWidth: Math.ceil($)
             });
-          } else if (k) {
-            for (let oe in c.value)
-              c.value[oe].start === I && (c.value[oe].channels.push(D), fe = !0);
-            fe || c.value.push({
-              channels: [D],
-              start: I,
+          } else if (E) {
+            for (let ce in c.value)
+              c.value[ce].start === j && (c.value[ce].channels.push(k), se = !0);
+            se || c.value.push({
+              channels: [k],
+              start: j,
               duration: 15e6,
               isInViewport: !1,
-              pixelWidth: Math.ceil(H)
+              pixelWidth: Math.ceil($)
             });
           }
-          if (I += 15e6, j && I >= j.pageEnd)
-            for (; j && j.pageEnd < I && (U += 1, j = L[Y + U], !!j); )
+          if (j += 15e6, B && j >= B.pageEnd)
+            for (; B && B.pageEnd < j && (U += 1, B = W[Z + U], !!B); )
               ;
         }
       }
-      $.blocks.sort(s);
+      G.blocks.sort(s);
     }
     return {
       asyncRequests: f.value,
       asyncPreRequests: c.value
     };
-  }, s = (g, S) => g.startTs < S.startTs ? -1 : g.startTs > S.startTs ? 1 : 0, u = (g, S = 0, x, _, N, z, H, B) => {
+  }, s = (g, S) => g.startTs < S.startTs ? -1 : g.startTs > S.startTs ? 1 : 0, u = (g, S = 0, x, _, N, z, $, D) => {
     if (g.length === 0)
       return !1;
-    const V = B;
+    const L = D;
     for (let b = 0; b < g.length; b++) {
       let q;
       b === 0 ? q = g[S] : b === S ? q = g[0] : q = g[b];
-      let k = q.start + q.duration;
-      if (q.start >= V && console.error("❌ Request start time is beyond dataset end!", {
+      let E = q.start + q.duration;
+      if (q.start >= L && console.error("❌ Request start time is beyond dataset end!", {
         requestStart: q.start,
         requestDuration: q.duration,
-        calculatedEndTime: k,
-        datasetEndTime: V,
-        isStartAfterEnd: q.start >= V
-      }), k > V && (console.warn("📊 Clamping request end time to dataset boundary:", {
-        original: k,
-        clamped: V,
+        calculatedEndTime: E,
+        datasetEndTime: L,
+        isStartAfterEnd: q.start >= L
+      }), E > L && (console.warn("📊 Clamping request end time to dataset boundary:", {
+        original: E,
+        clamped: L,
         requestStart: q.start,
         duration: q.duration
-      }), k = V), k <= q.start) {
+      }), E = L), E <= q.start) {
         console.error("🚨 CRITICAL: Invalid request detected - endTime <= startTime! Skipping request.", {
           startTime: q.start,
-          endTime: k,
+          endTime: E,
           duration: q.duration,
-          datasetEndTime: V,
+          datasetEndTime: L,
           originalEndTime: q.start + q.duration
         });
         continue;
       }
       const T = x;
       if (T && T.readyState === 1) {
-        const A = q.channels.map(($) => {
-          const I = $.serverId || $.id, Y = $.label || $.name;
+        const A = q.channels.map((G) => {
+          const j = G.serverId || G.id, Z = G.label || G.name;
           return {
-            id: I,
+            id: j,
             // Server expects serverId
-            name: Y
+            name: Z
           };
-        }), E = {
+        }), V = {
           session: _,
           minMax: !0,
           startTime: q.start,
-          endTime: k,
+          endTime: E,
           packageId: N.content.id,
           pixelWidth: q.pixelWidth,
           virtualChannels: A
-        }, D = JSON.stringify(E);
-        T.send(D);
-        const L = q.channels.length, W = /* @__PURE__ */ new Map();
-        for (let $ = 0; $ < L; $++) {
-          const I = q.channels[$].id;
-          W.set(I, NaN);
+        }, k = JSON.stringify(V);
+        T.send(k);
+        const W = q.channels.length, M = /* @__PURE__ */ new Map();
+        for (let G = 0; G < W; G++) {
+          const j = q.channels[G].id;
+          M.set(j, NaN);
         }
-        const J = {
-          count: L,
-          counter: W,
+        const H = {
+          count: W,
+          counter: M,
           subPageCount: NaN,
           ts: Date.now(),
           inViewport: q.isInViewport,
           // Add debug info
-          channels: q.channels.map(($) => ({
-            id: $.id,
-            serverId: $.serverId,
-            label: $.label
+          channels: q.channels.map((G) => ({
+            id: G.id,
+            serverId: G.serverId,
+            label: G.label
           }))
         };
-        H.set(q.start, J);
+        $.set(q.start, H);
       } else
         return console.error("❌ WebSocket not ready for sending requests:", {
           readyState: T == null ? void 0 : T.readyState,
@@ -4556,11 +4559,11 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     const _ = [];
     return g.forEach(function(N, z) {
       if (!isNaN(N.subPageCount)) {
-        const H = [];
-        N.counter.forEach(function(B, V) {
-          !isNaN(B) && B > 0 && H.push(V);
-        }), H.length > 0 && _.push({
-          channels: H,
+        const $ = [];
+        N.counter.forEach(function(D, L) {
+          !isNaN(D) && D > 0 && $.push(L);
+        }), $.length > 0 && _.push({
+          channels: $,
           start: z,
           duration: S,
           isInViewport: !0,
@@ -4608,109 +4611,109 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     if (!b) return "";
     let q = propOr("", "id", b);
     if (t.value && typeof q == "string") {
-      const k = q.split("_");
-      q = k.length > 1 ? head(k) : q;
+      const E = q.split("_");
+      q = E.length > 1 ? head(E) : q;
     }
     return q;
-  }, h = (b, q, k = null) => {
-    var D, L;
-    const T = k || c.value, A = `${b}_${q}_${T}`;
+  }, h = (b, q, E = null) => {
+    var k, W;
+    const T = E || c.value, A = `${b}_${q}_${T}`;
     if (e.value.has(A))
       return e.value.get(A);
-    let E = `${b}-${q}`;
+    let V = `${b}-${q}`;
     if (T !== "NOT_MONTAGED") {
-      const W = (D = v.value) == null ? void 0 : D.find((J) => J.name === T);
-      if (W != null && W.channelPairs)
-        for (const J of Object.keys(W.channelPairs)) {
-          const $ = W.channelPairs[J];
-          if (((L = $.channels) == null ? void 0 : L.length) === 2 && $.channels[0] === b && $.channels[1] === q) {
-            E = $.name || E;
+      const M = (k = v.value) == null ? void 0 : k.find((H) => H.name === T);
+      if (M != null && M.channelPairs)
+        for (const H of Object.keys(M.channelPairs)) {
+          const G = M.channelPairs[H];
+          if (((W = G.channels) == null ? void 0 : W.length) === 2 && G.channels[0] === b && G.channels[1] === q) {
+            V = G.name || V;
             break;
           }
         }
     }
-    return e.value.set(A, E), E;
+    return e.value.set(A, V), V;
   }, m = (b) => {
     if (!Array.isArray(b))
       return console.warn("Invalid channel details provided:", b), [];
     const q = performance.now();
     a.totalChannels = b.length, a.processedChannels = 0, a.errors = 0;
-    const k = b.map(({ id: T, name: A }) => {
-      var E;
+    const E = b.map(({ id: T, name: A }) => {
+      var V;
       try {
-        const D = R(T);
-        if (!D)
+        const k = R(T);
+        if (!k)
           return console.warn(
             `❌ Base channel not found for ID: ${T}, available base channels:`,
-            ((E = f.value) == null ? void 0 : E.map((W) => ({ id: W == null ? void 0 : W.id, name: W == null ? void 0 : W.name }))) || []
+            ((V = f.value) == null ? void 0 : V.map((M) => ({ id: M == null ? void 0 : M.id, name: M == null ? void 0 : M.name }))) || []
           ), a.errors++, null;
-        const L = y(T, A, D);
-        return a.processedChannels++, t.value && a.montageChannels++, L;
-      } catch (D) {
-        return console.error(`❌ Error processing channel ${T}:`, D), a.errors++, null;
+        const W = y(T, A, k);
+        return a.processedChannels++, t.value && a.montageChannels++, W;
+      } catch (k) {
+        return console.error(`❌ Error processing channel ${T}:`, k), a.errors++, null;
       }
     }).filter(Boolean);
-    return a.lastProcessingTime = performance.now() - q, k;
+    return a.lastProcessingTime = performance.now() - q, E;
   }, R = (b) => {
-    var k;
+    var E;
     if (i.value.has(b))
       return i.value.get(b);
-    const q = (k = f.value) == null ? void 0 : k.find((T) => (T == null ? void 0 : T.id) === b);
+    const q = (E = f.value) == null ? void 0 : E.find((T) => (T == null ? void 0 : T.id) === b);
     return q && i.value.set(b, q), q;
-  }, y = (b, q, k) => {
+  }, y = (b, q, E) => {
     let T = q;
     const A = b;
-    let E = b;
+    let V = b;
     if (t.value) {
-      E = `${b}_${q}`;
-      const L = q.split("<->", 2);
-      L.length === 2 && (T = h(L[0], L[1]));
+      V = `${b}_${q}`;
+      const W = q.split("<->", 2);
+      W.length === 2 && (T = h(W[0], W[1]));
     }
     return {
       content: {
-        id: E,
+        id: V,
         // ✅ Unique for client-side operations
         serverId: A,
         // ✅ What server provided/expects
         name: q,
-        channelType: k.channelType,
+        channelType: E.channelType,
         label: q,
         displayName: T,
-        unit: k.unit,
-        rate: k.rate,
-        start: k.start,
-        end: k.end,
+        unit: E.unit,
+        rate: E.rate,
+        start: E.start,
+        end: E.end,
         // Additional metadata
         montageScheme: t.value ? c.value : "NOT_MONTAGED",
         isMontaged: t.value,
         baseChannelId: b
         // Keep reference for debugging
       },
-      properties: k.properties || []
+      properties: E.properties || []
     };
   }, g = (b) => {
-    var T, A, E;
+    var T, A, V;
     if (b === "NOT_MONTAGED")
       return {
         montage: "NOT_MONTAGED",
         packageId: (A = (T = l.value) == null ? void 0 : T.content) == null ? void 0 : A.id,
         montageMap: []
       };
-    const q = v.value.find((D) => D.name === b);
+    const q = v.value.find((k) => k.name === b);
     if (!q)
       return console.warn("Montage not found:", b), null;
-    const k = q.channelPairs.map((D) => D.channels);
+    const E = q.channelPairs.map((k) => k.channels);
     return {
       montage: "CUSTOM_MONTAGE",
-      packageId: (E = l.value) == null ? void 0 : E.content.id,
-      montageMap: k
+      packageId: (V = l.value) == null ? void 0 : V.content.id,
+      montageMap: E
     };
   }, S = (b) => {
     const q = [];
     if (!b)
       return q.push("Channel configuration is null or undefined"), { isValid: !1, errors: q };
-    const k = ["id", "label", "type", "unit", "rate"];
-    for (const A of k)
+    const E = ["id", "label", "type", "unit", "rate"];
+    for (const A of E)
       b[A] || q.push(`Missing required field: ${A}`);
     b.rate && (typeof b.rate != "number" || b.rate <= 0) && q.push("Sample rate must be a positive number"), b.start && b.end && b.start >= b.end && q.push("Channel start time must be less than end time");
     const T = ["CONTINUOUS", "UNIT", "Neural"];
@@ -4718,27 +4721,27 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       isValid: q.length === 0,
       errors: q
     };
-  }, x = (b) => b.sort((q, k) => {
-    const T = q.label || "", A = k.label || "", E = T.split("<->", 3), D = A.split("<->", 3);
-    if (E.length > 2 || D.length > 2)
+  }, x = (b) => b.sort((q, E) => {
+    const T = q.label || "", A = E.label || "", V = T.split("<->", 3), k = A.split("<->", 3);
+    if (V.length > 2 || k.length > 2)
       return T.localeCompare(A);
-    const L = E[0] || "", W = D[0] || "";
-    if (L === W && E.length > 1 && D.length > 1) {
-      const J = parseFloat(E[1]), $ = parseFloat(D[1]);
-      return !isNaN(J) && !isNaN($) ? J - $ : E[1].localeCompare(D[1]);
+    const W = V[0] || "", M = k[0] || "";
+    if (W === M && V.length > 1 && k.length > 1) {
+      const H = parseFloat(V[1]), G = parseFloat(k[1]);
+      return !isNaN(H) && !isNaN(G) ? H - G : V[1].localeCompare(k[1]);
     }
-    return L.localeCompare(W);
+    return W.localeCompare(M);
   }), _ = (b, q = 0) => {
-    const k = b.content, T = k.label.split("<->", 3), A = T[0] || "", E = T.length > 1 ? isNaN(parseFloat(T[1])) ? T[1] : parseFloat(T[1]) : 0;
+    const E = b.content, T = E.label.split("<->", 3), A = T[0] || "", V = T.length > 1 ? isNaN(parseFloat(T[1])) ? T[1] : parseFloat(T[1]) : 0;
     return {
-      id: k.id,
-      serverId: k.serverId,
-      type: k.channelType,
-      label: k.label,
-      displayName: k.displayName,
+      id: E.id,
+      serverId: E.serverId,
+      type: E.channelType,
+      label: E.label,
+      displayName: E.displayName,
       labelParts: T,
       labelPrefix: A,
-      labelValue: E,
+      labelValue: V,
       dataSegments: [],
       rank: q,
       visible: !0,
@@ -4748,27 +4751,27 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       rowAdjust: 0,
       selected: !1,
       hover: !1,
-      unit: k.unit,
-      sf: k.rate,
+      unit: E.unit,
+      sf: E.rate,
       filter: {},
       hideFilter: !0,
       isEditing: !1,
-      montageScheme: k.montageScheme || "NOT_MONTAGED",
-      isMontaged: k.isMontaged || !1,
-      baseChannelId: k.baseChannelId
+      montageScheme: E.montageScheme || "NOT_MONTAGED",
+      isMontaged: E.isMontaged || !1,
+      baseChannelId: E.baseChannelId
       // For debugging/reference
     };
   }, N = (b, q = {}) => {
     const {
-      channelType: k = null,
+      channelType: E = null,
       visible: T = null,
       montageScheme: A = null,
-      labelPattern: E = null,
-      sampleRate: D = null
+      labelPattern: V = null,
+      sampleRate: k = null
     } = q;
-    return b.filter((L) => !(k && L.type !== k || T !== null && L.visible !== T || A && L.montageScheme !== A || E && !new RegExp(E, "i").test(L.label) || D && L.sf !== D));
+    return b.filter((W) => !(E && W.type !== E || T !== null && W.visible !== T || A && W.montageScheme !== A || V && !new RegExp(V, "i").test(W.label) || k && W.sf !== k));
   }, z = (b, q = "type") => {
-    const k = {};
+    const E = {};
     return b.forEach((T) => {
       let A;
       switch (q) {
@@ -4790,9 +4793,9 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         default:
           A = "all";
       }
-      k[A] || (k[A] = []), k[A].push(T);
-    }), k;
-  }, H = () => {
+      E[A] || (E[A] = []), E[A].push(T);
+    }), E;
+  }, $ = () => {
     var b;
     return {
       ...a,
@@ -4802,7 +4805,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       currentMontageScheme: c.value,
       availableMontages: ((b = v.value) == null ? void 0 : b.map((q) => q.name)) || []
     };
-  }, B = () => {
+  }, D = () => {
     i.value.clear(), e.value.clear(), Object.assign(a, {
       totalChannels: 0,
       processedChannels: 0,
@@ -4810,11 +4813,11 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       errors: 0,
       lastProcessingTime: 0
     });
-  }, V = async (b) => {
+  }, L = async (b) => {
     const q = [];
-    for (const k of b)
+    for (const E of b)
       try {
-        const T = await k();
+        const T = await E();
         q.push({ success: !0, result: T });
       } catch (T) {
         q.push({ success: !1, error: T.message }), a.errors++;
@@ -4845,9 +4848,9 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     findBaseChannel: R,
     createVirtualChannel: y,
     // Management
-    getProcessingStats: H,
-    clearCaches: B,
-    batchProcessChannels: V
+    getProcessingStats: $,
+    clearCaches: D,
+    batchProcessChannels: L
   };
 };
 function createThrottle(f, c, v = {}) {
@@ -4881,8 +4884,8 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
   emits: ["channelsInitialized", "setGlobalZoom"],
   setup(f, { expose: c, emit: v }) {
     const l = f, a = v, i = computed(() => l.activeViewer || {}), e = computed(() => {
-      var F;
-      return ((F = i.value) == null ? void 0 : F.channels) || [];
+      var I;
+      return ((I = i.value) == null ? void 0 : I.channels) || [];
     }), t = inject("viewerStore", () => createViewerStore("default"), !0), {
       viewerChannels: r,
       viewerMontageScheme: n,
@@ -4902,39 +4905,39 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       onError: N
     } = useWebSocket(), {
       plotCanvasRef: z,
-      blurCanvasRef: H,
-      initializeCanvases: B,
-      renderData: V,
+      blurCanvasRef: $,
+      initializeCanvases: D,
+      renderData: L,
       cpCanvasScaler: b
-    } = useCanvasRenderer(), q = ref(1), k = ref(!1), {
+    } = useCanvasRenderer(), q = ref(1), E = ref(!1), {
       chData: T,
       requestedPages: A,
-      viewData: E,
-      channelsReady: D,
-      autoScale: L,
-      initChannels: W,
-      dataCallback: J,
-      invalidate: $,
-      autoScaleViewData: I,
-      segmIndexOf: Y,
+      viewData: V,
+      channelsReady: k,
+      autoScale: W,
+      initChannels: M,
+      dataCallback: H,
+      invalidate: G,
+      autoScaleViewData: j,
+      segmIndexOf: Z,
       updateCurrentRequestedSamplePeriod: U,
-      currentRequestedSamplePeriod: ce,
-      isDataCurrentForViewport: j,
+      currentRequestedSamplePeriod: ne,
+      isDataCurrentForViewport: B,
       isSwitchingMontage: re
     } = useTimeSeriesData(), {
-      aSyncRequests: se,
-      aSyncPreRequests: fe,
-      isPrefetching: oe,
-      initializePrefetch: ye,
+      aSyncRequests: ue,
+      aSyncPreRequests: se,
+      isPrefetching: ce,
+      initializePrefetch: ve,
       generatePoints: Re,
-      requestDataFromServer: ue,
-      startPrefetching: he,
-      clearRequests: we
+      requestDataFromServer: _e,
+      startPrefetching: fe,
+      clearRequests: de
     } = useDataRequests(), {
       getChannelId: ge,
-      processChannelData: me,
+      processChannelData: he,
       createMontagePayload: ke
-    } = useChannelProcessing(e, n, d, i), de = ref({
+    } = useChannelProcessing(e, n, d, i), pe = ref({
       totalRequests: 0,
       successfulRequests: 0,
       failedRequests: 0,
@@ -4942,10 +4945,10 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       singleChannelRequests: 0,
       lastPrefetchTime: null,
       averageResponseTime: 0
-    }), Se = ref(null), Oe = ref(null), Te = ref(null), ae = ref(0), be = computed(() => q.value * l.cWidth), pe = computed(() => b(l.cHeight, q.value, 0)), qe = computed(() => l.cHeight - 20), Ae = computed(() => ({
+    }), Se = ref(null), Oe = ref(null), Te = ref(null), oe = ref(0), be = computed(() => q.value * l.cWidth), me = computed(() => b(l.cHeight, q.value, 0)), qe = computed(() => l.cHeight - 20), Ae = computed(() => ({
       width: l.cWidth + "px",
       height: qe.value + "px"
-    })), ve = reactive({
+    })), ye = reactive({
       start: l.start,
       duration: l.duration,
       cWidth: l.cWidth,
@@ -4953,46 +4956,46 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       pHeight: qe.value,
       rsPeriod: l.rsPeriod,
       nrVisibleChannels: 0
-    }), _e = computed(() => l.rsPeriod > 0 ? l.rsPeriod : ve.duration > 0 && ve.cWidth > 0 ? ve.duration / ve.cWidth : (console.warn("⚠️ Using fallback rsPeriod = 1"), 1));
-    watch(_e, (F) => {
-      F > 0 && U(F);
+    }), we = computed(() => l.rsPeriod > 0 ? l.rsPeriod : ye.duration > 0 && ye.cWidth > 0 ? ye.duration / ye.cWidth : (console.warn("⚠️ Using fallback rsPeriod = 1"), 1));
+    watch(we, (I) => {
+      I > 0 && U(I);
     }, { immediate: !0 });
     const Ee = () => {
-      var F;
+      var I;
       try {
-        if (!D.value)
+        if (!k.value)
           return;
-        ve.nrVisibleChannels = ((F = r.value) == null ? void 0 : F.reduce((Q, X) => X.visible ? Q + 1 : Q, 0)) || 0;
-        let G = 0, Z = 0;
-        if (E.channels.forEach((Q, X) => {
+        ye.nrVisibleChannels = ((I = r.value) == null ? void 0 : I.reduce((Q, J) => J.visible ? Q + 1 : Q, 0)) || 0;
+        let X = 0, Y = 0;
+        if (V.channels.forEach((Q, J) => {
           const K = Q.blocks || [], te = K.reduce((ee, le) => ee + (le.nrPoints || 0), 0);
-          K.length > 0 && (Z++, G += K.length);
-        }), Z === 0)
+          K.length > 0 && (Y++, X += K.length);
+        }), Y === 0)
           return;
-        V(
-          E,
+        L(
+          V,
           r.value || [],
           l.constants,
-          ve,
+          ye,
           l.globalZoomMult,
           q.value
         );
-      } catch (G) {
-        console.error("💥 ERROR in renderDataInternal:", G), console.error("💥 Stack trace:", G.stack);
+      } catch (X) {
+        console.error("💥 ERROR in renderDataInternal:", X), console.error("💥 Stack trace:", X.stack);
       }
     }, xe = ref(), Ce = () => {
       xe.value = setInterval(() => {
-        var Q, X;
-        if (!D.value) return;
-        const F = {
+        var Q, J;
+        if (!k.value) return;
+        const I = {
           timestamp: (/* @__PURE__ */ new Date()).toISOString(),
           requestedPagesSize: A.value.size,
-          isPrefetching: oe.value,
-          pendingAsyncRequests: se.value.length,
-          pendingPreRequests: fe.value.length,
+          isPrefetching: ce.value,
+          pendingAsyncRequests: ue.value.length,
+          pendingPreRequests: se.value.length,
           currentMontage: n.value,
           channelCount: ((Q = r.value) == null ? void 0 : Q.length) || 0,
-          visibleChannelCount: ((X = r.value) == null ? void 0 : X.filter((K) => K.visible).length) || 0,
+          visibleChannelCount: ((J = r.value) == null ? void 0 : J.filter((K) => K.visible).length) || 0,
           connectionStatus: u.value,
           requestedPages: Array.from(A.value.entries()).map(([K, te]) => {
             var ee;
@@ -5004,134 +5007,134 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
               channels: ((ee = te.channels) == null ? void 0 : ee.map((le) => le.id)) || Array.from(te.counter.keys())
             };
           })
-        }, G = 1e4, Z = F.requestedPages.filter((K) => K.age > G);
-        Z.length > 0 && (console.warn("⚠️ Detected stuck requests, cleaning up:", Z.map((K) => ({
+        }, X = 1e4, Y = I.requestedPages.filter((K) => K.age > X);
+        Y.length > 0 && (console.warn("⚠️ Detected stuck requests, cleaning up:", Y.map((K) => ({
           pageStart: K.pageStart,
           age: Math.round(K.age / 1e3) + "s",
           channels: K.channels
-        }))), Z.forEach((K) => {
+        }))), Y.forEach((K) => {
           A.value.delete(K.pageStart);
-        }), ae.value > 0 && (ae.value = Math.max(0, ae.value - 1))), F.pendingPreRequests > 0 && !F.isPrefetching && console.warn("⚠️ Prefetch is blocked with pending requests:", {
-          pendingPreRequests: F.pendingPreRequests,
-          requestedPagesSize: F.requestedPagesSize
+        }), oe.value > 0 && (oe.value = Math.max(0, oe.value - 1))), I.pendingPreRequests > 0 && !I.isPrefetching && console.warn("⚠️ Prefetch is blocked with pending requests:", {
+          pendingPreRequests: I.pendingPreRequests,
+          requestedPagesSize: I.requestedPagesSize
         });
       }, 5e3);
-    }, ie = async () => {
+    }, ae = async () => {
       if (!r.value)
         return;
-      const F = T.value.filter((ee) => {
+      const I = T.value.filter((ee) => {
         const le = r.value.find(
-          (ne) => ne.id === ee.id
+          (ie) => ie.id === ee.id
           // Direct id comparison (both are unique)
         );
         return le && le.visible;
-      }), G = _e.value, Z = Re(
-        F,
+      }), X = we.value, Y = Re(
+        I,
         l.start,
         l.duration,
-        E,
+        V,
         A.value,
         l.constants,
-        G,
+        X,
         l.ts_end,
-        Y,
+        Z,
         ge
-      ), Q = Math.ceil(G);
-      let X = !1;
-      if (Se.value !== null && Q !== Se.value && (X = !0, `${Se.value}${Q}`), Oe.value !== null) {
+      ), Q = Math.ceil(X);
+      let J = !1;
+      if (Se.value !== null && Q !== Se.value && (J = !0, `${Se.value}${Q}`), Oe.value !== null) {
         const ee = Math.abs(l.start - Oe.value), le = Math.max(l.duration, Te.value || l.duration);
-        ee > le * 2 && (X = !0, `${ee}`, le * 2, `${(ee / le).toFixed(1)}`);
+        ee > le * 2 && (J = !0, `${ee}`, le * 2, `${(ee / le).toFixed(1)}`);
       }
       const K = 15;
-      if (A.value.size > K && (X = !0, `${A.value.size}${K}`), ae.value >= 5 && (X = !0, `${ae.value}`), X && !k.value) {
-        k.value = !0;
+      if (A.value.size > K && (J = !0, `${A.value.size}${K}`), oe.value >= 5 && (J = !0, `${oe.value}`), J && !E.value) {
+        E.value = !0;
         try {
-          R() && (A.value.clear(), we(), ae.value = 0, await new Promise((ee) => setTimeout(ee, 50)));
+          R() && (A.value.clear(), de(), oe.value = 0, await new Promise((ee) => setTimeout(ee, 50)));
         } finally {
-          k.value = !1;
+          E.value = !1;
         }
-      } else if (X && k.value)
+      } else if (J && E.value)
         return;
       Se.value = Q, Oe.value = l.start, Te.value = l.duration;
       const te = await useToken();
-      Z.asyncRequests.length > 0 && ue(
-        Z.asyncRequests,
+      Y.asyncRequests.length > 0 && _e(
+        Y.asyncRequests,
         0,
         s.value,
         te,
         i.value,
-        G,
+        X,
         A.value,
         l.ts_end
-      ), Z.asyncPreRequests.length > 0 && he();
+      ), Y.asyncPreRequests.length > 0 && fe();
     }, P = () => {
-      ie(), Ee();
+      ae(), Ee();
     }, C = () => {
-      ie(), L.value === 0 ? (L.value--, p()) : Ee();
+      ae(), W.value === 0 ? (W.value--, p()) : Ee();
     }, p = () => {
-      const F = I(l.cHeight);
-      F && !isNaN(F) && a("setGlobalZoom", F), Ee();
+      const I = j(l.cHeight);
+      I && !isNaN(I) && a("setGlobalZoom", I), Ee();
     }, w = createThrottle(C, 250, { leading: !1 }), O = createThrottle(() => P(), 50);
-    watch(() => l.rsPeriod, (F, G) => {
-      F > 0 && U(F), $(), A.value.clear();
-    }), watch(() => l.duration, (F, G) => {
-      $();
-    }), watch(() => n.value, (F) => {
+    watch(() => l.rsPeriod, (I, X) => {
+      I > 0 && U(I), G(), A.value.clear();
+    }), watch(() => l.duration, (I, X) => {
+      G();
+    }), watch(() => n.value, (I) => {
       if (!s.value || s.value.readyState !== 1) {
         console.warn("Cannot switch montage — WebSocket not connected");
         return;
       }
-      re.value = !0, A.value.clear(), we(), $(), ae.value = 0, Se.value = null, Oe.value = null, Te.value = null, D.value = !1;
-      const G = ke(F);
-      G ? h(G) : (console.warn("Montage definition not found for:", F), re.value = !1);
+      re.value = !0, A.value.clear(), de(), G(), oe.value = 0, Se.value = null, Oe.value = null, Te.value = null, k.value = !1;
+      const X = ke(I);
+      X ? h(X) : (console.warn("Montage definition not found for:", I), re.value = !1);
     }), watch(() => [l.start, l.duration, l.cWidth, l.cHeight, l.rsPeriod], () => {
-      ve.start = l.start, ve.duration = l.duration, ve.cWidth = l.cWidth, ve.cHeight = l.cHeight, ve.pHeight = qe.value, ve.rsPeriod = l.rsPeriod;
-    }), S((F) => {
-      F.pageStart >= l.start + l.duration && (de.value.totalRequests++, n.value !== "NOT_MONTAGED" ? de.value.montageRequests++ : de.value.singleChannelRequests++), J(F), F.pageStart < l.start + l.duration && w();
-    }), x((F) => {
-      if (!j(F.data)) {
-        ae.value++;
+      ye.start = l.start, ye.duration = l.duration, ye.cWidth = l.cWidth, ye.cHeight = l.cHeight, ye.pHeight = qe.value, ye.rsPeriod = l.rsPeriod;
+    }), S((I) => {
+      I.pageStart >= l.start + l.duration && (pe.value.totalRequests++, n.value !== "NOT_MONTAGED" ? pe.value.montageRequests++ : pe.value.singleChannelRequests++), H(I), I.pageStart < l.start + l.duration && w();
+    }), x((I) => {
+      if (!B(I.data)) {
+        oe.value++;
         return;
       }
-      ae.value = 0, J(F), F.pageStart < l.start + l.duration && w();
-    }), _((F) => {
+      oe.value = 0, H(I), I.pageStart < l.start + l.duration && w();
+    }), _((I) => {
       re.value = !1;
       try {
-        const G = me(F);
-        if (!G || G.length === 0) {
+        const X = he(I);
+        if (!X || X.length === 0) {
           console.warn("No valid channels after processing channel details");
           return;
         }
-        W(G, t, ge).then(() => {
-          $(), P(), a("channelsInitialized");
-        }).catch((Z) => {
-          console.error("Failed to initialize channels:", Z), t.setViewerErrors({ error: "Failed to initialize channels after montage switch" });
+        M(X, t, ge).then(() => {
+          G(), P(), a("channelsInitialized");
+        }).catch((Y) => {
+          console.error("Failed to initialize channels:", Y), t.setViewerErrors({ error: "Failed to initialize channels after montage switch" });
         });
-      } catch (G) {
-        console.error("Error processing channel details:", G), t.setViewerErrors({ error: "Error processing channel details" });
+      } catch (X) {
+        console.error("Error processing channel details:", X), t.setViewerErrors({ error: "Error processing channel details" });
       }
-    }), N((F) => {
-      t.setViewerErrors(F);
+    }), N((I) => {
+      t.setViewerErrors(I);
     });
-    const M = async () => {
-      var Z, Q;
-      const F = _e.value;
-      U(F), g(() => {
-        var X;
-        if ((X = r.value) != null && X.length) {
+    const F = async () => {
+      var Y, Q;
+      const I = we.value;
+      U(I), g(() => {
+        var J;
+        if ((J = r.value) != null && J.length) {
           const te = { channelFiltersToClear: r.value.map((ee) => ee.id) };
           m(te);
         }
       });
-      const G = await useToken();
-      if (ye(
-        (X) => {
-          const K = _e.value;
-          return ue(
-            X,
+      const X = await useToken();
+      if (ve(
+        (J) => {
+          const K = we.value;
+          return _e(
+            J,
             0,
             s.value,
-            G,
+            X,
             i.value,
             K,
             A.value,
@@ -5139,56 +5142,58 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           );
         },
         A
-      ), (Q = (Z = i.value) == null ? void 0 : Z.content) != null && Q.id)
+      ), (Q = (Y = i.value) == null ? void 0 : Y.content) != null && Q.id)
         try {
+          const J = i.value.content.viewerAssetId || i.value.content.id, K = i.value.content.viewerAssetId ? "viewerAsset" : i.value.content.idType || "viewerAsset", te = i.value.content.viewerAssetId ? i.value.content.id : null;
           await o(
             t.config.timeseriesDiscoverApi,
-            i.value.content.id,
-            G,
-            i.value.content.idType || "viewerAsset"
+            J,
+            X,
+            K,
+            te
           ), Ce();
-        } catch (X) {
-          console.error("Failed to establish WebSocket connection:", X);
+        } catch (J) {
+          console.error("Failed to establish WebSocket connection:", J);
           return;
         }
     };
     return onMounted(async () => {
-      q.value = 1, B(q.value), M();
+      q.value = 1, D(q.value), F();
     }), onUnmounted(() => {
-      clearInterval(xe.value), A.value.size > 0 && R(), t.resetViewer(), we(), y(), w.cancel && w.cancel(), O.cancel && O.cancel();
+      clearInterval(xe.value), A.value.size > 0 && R(), t.resetViewer(), de(), y(), w.cancel && w.cancel(), O.cancel && O.cancel();
     }), c({
       renderAll: P,
-      invalidate: $,
+      invalidate: G,
       throttledDataRender: O,
       sendFilterMessage: m,
-      viewData: E,
+      viewData: V,
       requestedPages: A,
       chData: T,
       viewerChannels: r,
-      currentRequestedSamplePeriod: ce,
-      initPlotCanvas: M
-    }), (F, G) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      currentRequestedSamplePeriod: ne,
+      initPlotCanvas: F
+    }), (I, X) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
       createElementVNode("canvas", {
         ref_key: "blurCanvasRef",
-        ref: H,
+        ref: $,
         class: "canvas",
         width: be.value,
-        height: pe.value,
+        height: me.value,
         style: normalizeStyle(Ae.value)
       }, null, 12, _hoisted_2$1),
-      renderSlot(F.$slots, "axisCanvas", {}, void 0, !0),
-      renderSlot(F.$slots, "annCanvas", {}, void 0, !0),
+      renderSlot(I.$slots, "axisCanvas", {}, void 0, !0),
+      renderSlot(I.$slots, "annCanvas", {}, void 0, !0),
       createElementVNode("canvas", {
         ref_key: "plotCanvasRef",
         ref: z,
         class: "canvas",
         width: be.value,
-        height: pe.value,
+        height: me.value,
         style: normalizeStyle(Ae.value)
       }, null, 12, _hoisted_3$1)
     ]));
   }
-}, TSPlotCanvas = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-66a33b77"]]), _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-1549be92"]]), _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,
@@ -5216,12 +5221,12 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
   ],
   setup(f, { expose: c, emit: v }) {
     const l = defineAsyncComponent(
-      () => import("./TSAnnotationCanvas-DErBDH0Y.js")
+      () => import("./TSAnnotationCanvas-CbokCIrw.js")
     ), a = f, i = v, e = inject("viewerStore", () => createViewerStore("default"), !0), { viewerChannels: t, viewerAnnotations: r, viewerActiveTool: n, viewerSelectedChannels: d } = storeToRefs(e), s = ref(null), u = ref(null), o = ref(null), h = ref(null), m = ref(null), R = ref(null);
     reactive({});
     const y = ref(0), g = ref(0), S = ref(0), x = ref(1), _ = ref(!1), N = ref(!1), z = ref("pointer");
     ref(!1);
-    const H = reactive({ x: 0, y: 0 }), B = ref(0), V = ref(["Event", "Artifact", "Seizure", "Mark", "Stim On", "Stim Off", "Start", "Stop"]), b = ref(0), q = ref(null), k = ref(0), T = ref(!0), A = () => {
+    const $ = reactive({ x: 0, y: 0 }), D = ref(0), L = ref(["Event", "Artifact", "Seizure", "Mark", "Stim On", "Stim Off", "Start", "Stop"]), b = ref(0), q = ref(null), E = ref(0), T = ref(!0), A = () => {
       if (r.value.length > 0) {
         if (!r.value.some((w) => w.selected)) {
           const w = r.value[0];
@@ -5231,12 +5236,12 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         setTimeout(() => {
           r.value.length > 0 && A();
         }, 500);
-    }, E = (p) => {
+    }, V = (p) => {
       if (p) {
-        const w = "set" + p.charAt(0).toUpperCase() + p.slice(1), O = D[w];
+        const w = "set" + p.charAt(0).toUpperCase() + p.slice(1), O = k[w];
         typeof O == "function" && O();
       }
-    }, D = {
+    }, k = {
       setPan: () => {
       },
       setPointer: () => {
@@ -5244,16 +5249,16 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       setAnnotate: () => {
         A();
       }
-    }, L = computed(() => t.value.filter((p) => p.visible).length), W = computed(() => a.cHeight - 20), J = computed(() => a.cWidth + a.constants.CURSOROFFSET);
+    }, W = computed(() => t.value.filter((p) => p.visible).length), M = computed(() => a.cHeight - 20), H = computed(() => a.cWidth + a.constants.CURSOROFFSET);
     computed(() => u.value);
-    const $ = computed(() => ({
+    const G = computed(() => ({
       width: a.cWidth + "px",
       height: a.cHeight + "px"
-    })), I = computed(() => ({
+    })), j = computed(() => ({
       width: a.cWidth + "px",
-      height: W.value + "px"
-    })), Y = computed(() => ({
-      width: J.value + "px",
+      height: M.value + "px"
+    })), Z = computed(() => ({
+      width: H.value + "px",
       height: a.cHeight + "px"
     }));
     watch(() => a.cHeight, () => {
@@ -5271,7 +5276,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         (p = s.value) == null || p.throttledDataRender();
       });
     }), watch(n, (p) => {
-      p && (E(p), !_.value && !["annResize-left", "annResize-right", "annSelect"].includes(z.value) && (z.value = p));
+      p && (V(p), !_.value && !["annResize-left", "annResize-right", "annSelect"].includes(z.value) && (z.value = p));
     }, { immediate: !0 }), watch(r, (p) => {
       p.length > 0 && n.value === "annotate" && A();
     }, { immediate: !0 }), watch(z, () => {
@@ -5307,10 +5312,10 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     const U = () => {
       var p;
       (p = m.value) == null || p.resetFocusedAnnotation();
-    }, ce = (p) => {
+    }, ne = (p) => {
       var w;
       (w = m.value) == null || w.createAnnotationLayer(p);
-    }, j = () => {
+    }, B = () => {
       var O;
       let p = (a.cursorLoc * a.cWidth - a.constants.CURSOROFFSET) * y.value;
       return ((O = m.value) == null ? void 0 : O.findNextAnnotation(a.start + p)).start - p;
@@ -5318,51 +5323,51 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       var O;
       let p = (a.cursorLoc * a.cWidth - a.constants.CURSOROFFSET) * y.value;
       return ((O = m.value) == null ? void 0 : O.findPreviousAnnotation(a.start + p)).start - p;
-    }, se = (p) => {
+    }, ue = (p) => {
       i("updateAnnotation", p);
-    }, fe = () => {
+    }, se = () => {
       i("closeAnnotationLayerWindow");
-    }, oe = () => {
+    }, ce = () => {
       be(100);
-    }, ye = () => {
+    }, ve = () => {
       n.value === "annotate" && A(), i("annLayersInitialized");
     }, Re = (p) => {
       i("setGlobalZoom", p);
-    }, ue = () => {
+    }, _e = () => {
       i("channelsInitialized");
-    }, he = (p) => {
+    }, fe = (p) => {
       p.stopPropagation(), p.preventDefault(), p.shiftKey ? Math.abs(p.deltaY) > Math.abs(p.deltaX) && (p.deltaY > 0 ? i("setDuration", a.duration * 1.1) : i("setDuration", a.duration / 1.1)) : Math.abs(p.deltaY) > Math.abs(p.deltaX) && (p.deltaY > 0 ? i("setGlobalZoom", a.globalZoomMult * 1.2) : i("setGlobalZoom", a.globalZoomMult / 1.2));
-    }, we = (p) => {
+    }, de = (p) => {
       var w, O;
       switch (N.value = !1, _.value = !1, z.value) {
         case "pointer":
           ge();
-          const M = p.metaKey, F = p.clientY - R.value.getBoundingClientRect().top, G = H.y - R.value.getBoundingClientRect().top, Z = t.value.map((ne) => (M === !1 && (ne.selected = !1), (ne.rowBaseline > G && ne.rowBaseline < F || ne.rowBaseline < G && ne.rowBaseline > F) && (ne.selected = !0), ne));
-          e.setChannels(Z), be();
+          const F = p.metaKey, I = p.clientY - R.value.getBoundingClientRect().top, X = $.y - R.value.getBoundingClientRect().top, Y = t.value.map((ie) => (F === !1 && (ie.selected = !1), (ie.rowBaseline > X && ie.rowBaseline < I || ie.rowBaseline < X && ie.rowBaseline > I) && (ie.selected = !0), ie));
+          e.setChannels(Y), be();
           break;
         case "annSelect":
           ge(), (w = m.value) == null || w.selectFocusedAnn();
           break;
         case "annotate":
           A();
-          let Q = null, X = null;
-          for (let ne = 0; ne < r.value.length; ne++)
-            if (r.value[ne].selected) {
-              Q = ne, X = r.value[ne];
+          let Q = null, J = null;
+          for (let ie = 0; ie < r.value.length; ie++)
+            if (r.value[ie].selected) {
+              Q = ie, J = r.value[ie];
               break;
             }
-          if (Q === null || !X || !X.id)
+          if (Q === null || !J || !J.id)
             if (r.value.length > 0 && r.value[0].id)
-              e.setActiveAnnotationLayer(r.value[0].id), X = r.value[0], Q = 0;
+              e.setActiveAnnotationLayer(r.value[0].id), J = r.value[0], Q = 0;
             else
               return;
           const K = d.value, te = K.length === t.value.length || K.length === 0;
-          let ee = (p.clientX - H.x) * y.value, le = B.value + (H.x - R.value.getBoundingClientRect().left) * y.value;
+          let ee = (p.clientX - $.x) * y.value, le = D.value + ($.x - R.value.getBoundingClientRect().left) * y.value;
           if (ee < 0 && (le = le + ee, ee = -ee), ee > 1e3) {
-            const ne = {
+            const ie = {
               name: "",
               id: null,
-              label: V.value[b.value],
+              label: L.value[b.value],
               description: "",
               start: le,
               duration: ee,
@@ -5372,11 +5377,11 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
               selected: !0,
               channelIds: K.map((Ne) => Ne.id),
               allChannels: te,
-              layer_id: X.id,
+              layer_id: J.id,
               // FIX: Use the validated layer ID
               userId: null
             };
-            e.setActiveAnnotation(ne), i("addAnnotation", le, ee, te, ne.label, ne.description, X);
+            e.setActiveAnnotation(ie), i("addAnnotation", le, ee, te, ie.label, ie.description, J);
             break;
           }
           break;
@@ -5387,11 +5392,11 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       }
     }, ge = () => {
       R.value.getContext("2d").clearRect(0, 0, a.cWidth, a.cHeight);
-    }, me = (p) => {
+    }, he = (p) => {
       var O;
-      _.value = !0, B.value = a.start;
+      _.value = !0, D.value = a.start;
       const w = R.value.getBoundingClientRect();
-      switch (H.x = p.clientX, H.y = p.clientY, n.value === "annotate" && !["annResize-left", "annResize-right", "annSelect"].includes(z.value) && (z.value = "annotate"), z.value) {
+      switch ($.x = p.clientX, $.y = p.clientY, n.value === "annotate" && !["annResize-left", "annResize-right", "annSelect"].includes(z.value) && (z.value = "annotate"), z.value) {
         case "annResize-left":
         case "annResize-right":
           N.value = !0, (O = m.value) == null || O.onMouseDown(p.clientX - w.left, p.clientY - w.top);
@@ -5399,59 +5404,59 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       }
     }, ke = () => {
       _.value = !1;
-    }, de = (p) => {
+    }, pe = (p) => {
       p.buttons === 1 ? _.value = !0 : _.value = !1;
     }, Se = (p) => {
-      var F, G, Z, Q;
+      var I, X, Y, Q;
       p.preventDefault(), p.stopPropagation();
-      const w = R.value.getBoundingClientRect(), O = p.clientY - w.top, M = p.clientX - w.left;
+      const w = R.value.getBoundingClientRect(), O = p.clientY - w.top, F = p.clientX - w.left;
       switch (n.value) {
         case "pan":
           if (_.value) {
-            const X = B.value - (p.clientX - H.x) * y.value;
-            i("setStart", X);
+            const J = D.value - (p.clientX - $.x) * y.value;
+            i("setStart", J);
           } else {
-            const X = (F = m.value) == null ? void 0 : F.onMouseMove(M, O, z.value, _.value);
-            z.value = X || "pan";
+            const J = (I = m.value) == null ? void 0 : I.onMouseMove(F, O, z.value, _.value);
+            z.value = J || "pan";
           }
           break;
         case "pointer":
           if (_.value)
-            _e(p.clientX, p.clientY);
+            we(p.clientX, p.clientY);
           else {
-            const X = (G = m.value) == null ? void 0 : G.onMouseMove(M, O, z.value, _.value);
-            z.value = X || "pointer";
+            const J = (X = m.value) == null ? void 0 : X.onMouseMove(F, O, z.value, _.value);
+            z.value = J || "pointer";
           }
           break;
         case "annotate":
           if (_.value && z.value === "annotate")
             xe(p.clientX);
           else if (_.value && ["annResize-left", "annResize-right"].includes(z.value)) {
-            const X = (Z = m.value) == null ? void 0 : Z.onMouseMove(M, O, z.value, _.value);
-            z.value = X || z.value, be();
+            const J = (Y = m.value) == null ? void 0 : Y.onMouseMove(F, O, z.value, _.value);
+            z.value = J || z.value, be();
           } else {
-            const X = (Q = m.value) == null ? void 0 : Q.onMouseMove(M, O, z.value, _.value);
-            X ? z.value = X : z.value = "annotate";
+            const J = (Q = m.value) == null ? void 0 : Q.onMouseMove(F, O, z.value, _.value);
+            J ? z.value = J : z.value = "annotate";
           }
           break;
       }
     }, Oe = () => {
       Te(a.cWidth, a.duration), be(25);
     }, Te = (p, w) => {
-      const O = y.value, M = w / p;
-      M !== O && (S.value = Date.now(), y.value = M, g.value = Math.floor(w / a.constants.PAGESIZEDIVIDER));
-    }, ae = (p, w, O) => w * (p + O), be = (p = 0, w = !0) => {
-      (!q.value || p !== k.value || T.value !== w) && (q.value = pe(Ae, p, { leading: w }), k.value = p, T.value = w), q.value();
-    }, pe = (p, w, O = {}) => {
-      let M, F, G, Z = null, Q = 0;
-      const X = function() {
-        Q = O.leading === !1 ? 0 : Date.now(), Z = null, G = p.apply(M, F), Z || (M = F = null);
+      const O = y.value, F = w / p;
+      F !== O && (S.value = Date.now(), y.value = F, g.value = Math.floor(w / a.constants.PAGESIZEDIVIDER));
+    }, oe = (p, w, O) => w * (p + O), be = (p = 0, w = !0) => {
+      (!q.value || p !== E.value || T.value !== w) && (q.value = me(Ae, p, { leading: w }), E.value = p, T.value = w), q.value();
+    }, me = (p, w, O = {}) => {
+      let F, I, X, Y = null, Q = 0;
+      const J = function() {
+        Q = O.leading === !1 ? 0 : Date.now(), Y = null, X = p.apply(F, I), Y || (F = I = null);
       };
       return function() {
         const K = Date.now();
         !Q && O.leading === !1 && (Q = K);
         const te = w - (K - Q);
-        return M = this, F = arguments, te <= 0 || te > w ? (Z && (clearTimeout(Z), Z = null), Q = K, G = p.apply(M, F), Z || (M = F = null)) : !Z && O.trailing !== !1 && (Z = setTimeout(X, te)), G;
+        return F = this, I = arguments, te <= 0 || te > w ? (Y && (clearTimeout(Y), Y = null), Q = K, X = p.apply(F, I), Y || (F = I = null)) : !Y && O.trailing !== !1 && (Y = setTimeout(J, te)), X;
       };
     }, qe = () => {
       var p;
@@ -5459,145 +5464,145 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     }, Ae = () => {
       nextTick(() => {
         var p, w;
-        ve(), Ee(), (p = s.value) == null || p.renderAll(), (w = m.value) == null || w.render();
+        ye(), Ee(), (p = s.value) == null || p.renderAll(), (w = m.value) == null || w.render();
       });
-    }, ve = () => {
+    }, ye = () => {
       const w = u.value.getContext("2d");
-      w.setTransform(x.value, 0, 0, x.value, 0, 0), w.clearRect(0, 0, a.cWidth, a.cHeight), w.stroke(), w.beginPath(), w.lineWidth = 1, w.moveTo(a.constants.XOFFSET + 0.5, 0.5), w.lineTo(a.constants.XOFFSET + 0.5, W.value + 0.5), w.lineTo(a.cWidth + 0.5, W.value + 0.5), w.stroke();
-      let O = W.value / (2 * L.value) + 0.5 << 1 >> 1;
+      w.setTransform(x.value, 0, 0, x.value, 0, 0), w.clearRect(0, 0, a.cWidth, a.cHeight), w.stroke(), w.beginPath(), w.lineWidth = 1, w.moveTo(a.constants.XOFFSET + 0.5, 0.5), w.lineTo(a.constants.XOFFSET + 0.5, M.value + 0.5), w.lineTo(a.cWidth + 0.5, M.value + 0.5), w.stroke();
+      let O = M.value / (2 * W.value) + 0.5 << 1 >> 1;
       w.lineWidth = 0.5;
-      for (let Q = 0; Q < L.value; Q++)
-        w.beginPath(), w.moveTo(a.constants.XOFFSET - 2, O), w.lineTo(a.constants.XOFFSET + 2, O), w.stroke(), O += W.value / L.value;
-      const M = a.constants.XGRIDSPACING * Math.ceil(a.duration / 1e8), F = Math.ceil(a.duration / M) + 1, G = Math.ceil(a.constants.NRPXPERLABEL / (M / y.value)), Z = (M - a.start % M) % M;
-      for (let Q = 0; Q < F; Q++) {
-        let X = a.start + Z + Q * M;
-        if (X > a.tsEnd)
+      for (let Q = 0; Q < W.value; Q++)
+        w.beginPath(), w.moveTo(a.constants.XOFFSET - 2, O), w.lineTo(a.constants.XOFFSET + 2, O), w.stroke(), O += M.value / W.value;
+      const F = a.constants.XGRIDSPACING * Math.ceil(a.duration / 1e8), I = Math.ceil(a.duration / F) + 1, X = Math.ceil(a.constants.NRPXPERLABEL / (F / y.value)), Y = (F - a.start % F) % F;
+      for (let Q = 0; Q < I; Q++) {
+        let J = a.start + Y + Q * F;
+        if (J > a.tsEnd)
           break;
-        const K = X - a.start, te = a.constants.XOFFSET + K / y.value, ee = Math.round(te);
-        if (ee > 1 && (w.save(), w.beginPath(), w.lineWidth = 0.5, w.strokeStyle = "rgb(235,235,235)", w.moveTo(ee + 0.5, 0.5), w.lineTo(ee + 0.5, W.value - 0.5), w.stroke(), w.restore(), ((X / M + M / 10) % G | 0) === 1 || G === 1)) {
-          w.beginPath(), w.lineWidth = 1, w.moveTo(ee + 0.5, W.value - 3), w.lineTo(ee + 0.5, W.value + 3), w.stroke();
-          const ne = new Date(X / 1e3);
-          w.font = "12px sans-serif", w.fillStyle = "rgb(150,150,150)", w.fillText(P(ne), ee - 20.5, a.cHeight - 0.2);
+        const K = J - a.start, te = a.constants.XOFFSET + K / y.value, ee = Math.round(te);
+        if (ee > 1 && (w.save(), w.beginPath(), w.lineWidth = 0.5, w.strokeStyle = "rgb(235,235,235)", w.moveTo(ee + 0.5, 0.5), w.lineTo(ee + 0.5, M.value - 0.5), w.stroke(), w.restore(), ((J / F + F / 10) % X | 0) === 1 || X === 1)) {
+          w.beginPath(), w.lineWidth = 1, w.moveTo(ee + 0.5, M.value - 3), w.lineTo(ee + 0.5, M.value + 3), w.stroke();
+          const ie = new Date(J / 1e3);
+          w.font = "12px sans-serif", w.fillStyle = "rgb(150,150,150)", w.fillText(P(ie), ee - 20.5, a.cHeight - 0.2);
         }
       }
-    }, _e = (p, w) => {
-      const O = R.value, M = O.getContext("2d");
-      M.setTransform(x.value, 0, 0, x.value, 0, 0), M.clearRect(0, 0, a.cWidth, a.cHeight), M.beginPath(), M.lineWidth = 2, M.strokeStyle = "#295eff", M.setLineDash([5, 5, 15, 5]);
-      const F = p - O.getBoundingClientRect().left, G = w - O.getBoundingClientRect().top;
-      M.rect(F, G, -p + H.x, -w + H.y), M.stroke();
+    }, we = (p, w) => {
+      const O = R.value, F = O.getContext("2d");
+      F.setTransform(x.value, 0, 0, x.value, 0, 0), F.clearRect(0, 0, a.cWidth, a.cHeight), F.beginPath(), F.lineWidth = 2, F.strokeStyle = "#295eff", F.setLineDash([5, 5, 15, 5]);
+      const I = p - O.getBoundingClientRect().left, X = w - O.getBoundingClientRect().top;
+      F.rect(I, X, -p + $.x, -w + $.y), F.stroke();
     }, Ee = () => {
       const w = h.value.getContext("2d");
       w.setTransform(x.value, 0, 0, x.value, 0, 0), w.clearRect(0, 0, a.cWidth + a.constants.CURSOROFFSET, a.cHeight), w.save(), w.beginPath(), w.fillStyle = "red";
       const O = a.cursorLoc * a.cWidth;
-      O > a.constants.CURSOROFFSET ? (w.strokeStyle = "red", w.moveTo(O, 0), w.lineTo(O, W.value), w.stroke()) : w.moveTo(O, W.value), w.beginPath(), w.lineTo(O - 5, W.value + 8), w.lineTo(O + 5, W.value + 8), w.lineTo(O, W.value), w.fill(), w.restore();
+      O > a.constants.CURSOROFFSET ? (w.strokeStyle = "red", w.moveTo(O, 0), w.lineTo(O, M.value), w.stroke()) : w.moveTo(O, M.value), w.beginPath(), w.lineTo(O - 5, M.value + 8), w.lineTo(O + 5, M.value + 8), w.lineTo(O, M.value), w.fill(), w.restore();
     }, xe = (p) => {
       const w = R.value, O = w.getContext("2d");
       O.setTransform(x.value, 0, 0, x.value, 0, 0);
-      const M = a.constants.ANNOTATIONLABELHEIGHT, F = M / 2 | 0;
-      let G = null;
+      const F = a.constants.ANNOTATIONLABELHEIGHT, I = F / 2 | 0;
+      let X = null;
       for (let te = 0; te < r.value.length; te++)
         if (r.value[te].selected) {
-          G = te;
+          X = te;
           break;
         }
-      if (G === null)
+      if (X === null)
         return;
       O.save(), O.clearRect(0, 0, a.cWidth, a.cHeight), O.lineWidth = 1;
-      const Z = d.value, Q = Z.length === t.value.length || Z.length === 0, X = p - w.getBoundingClientRect().left, K = -p + H.x;
+      const Y = d.value, Q = Y.length === t.value.length || Y.length === 0, J = p - w.getBoundingClientRect().left, K = -p + $.x;
       if (Q) {
-        O.fillStyle = "rgba(0,0,0,0.1)", O.fillRect(X, 0, K, W.value), O.fillStyle = r.value[G].color, O.strokeStyle = O.fillStyle;
-        let te = X - 1, ee = K + 2;
-        K < 0 && (te = X + 1, ee = K - 2), O.fillRect(te, 0, ee, M), O.setLineDash([5, 5, 5, 5]), O.beginPath(), O.moveTo(X, M), O.lineTo(X, W.value), O.stroke(), O.beginPath(), O.moveTo(X + K, M), O.lineTo(X + K, W.value), O.stroke();
+        O.fillStyle = "rgba(0,0,0,0.1)", O.fillRect(J, 0, K, M.value), O.fillStyle = r.value[X].color, O.strokeStyle = O.fillStyle;
+        let te = J - 1, ee = K + 2;
+        K < 0 && (te = J + 1, ee = K - 2), O.fillRect(te, 0, ee, F), O.setLineDash([5, 5, 5, 5]), O.beginPath(), O.moveTo(J, F), O.lineTo(J, M.value), O.stroke(), O.beginPath(), O.moveTo(J + K, F), O.lineTo(J + K, M.value), O.stroke();
       } else {
         let te = a.cHeight | 0, ee = 0;
         const le = t.value;
-        O.fillStyle = r.value[G].color, O.strokeStyle = O.fillStyle;
-        let ne = X - 1, Ne = K + 2;
-        K < 0 && (ne = X + 1, Ne = K - 2);
-        for (let Fe = 0; Fe < le.length; Fe++) {
-          const Ie = le[Fe];
-          if (Ie.selected && Ie.visible) {
-            const Pe = Ie.rowBaseline | 0;
-            Pe < te && (te = Pe), Pe > ee && (ee = Pe), O.fillRect(ne, Pe - F, Ne, M);
+        O.fillStyle = r.value[X].color, O.strokeStyle = O.fillStyle;
+        let ie = J - 1, Ne = K + 2;
+        K < 0 && (ie = J + 1, Ne = K - 2);
+        for (let Ie = 0; Ie < le.length; Ie++) {
+          const Fe = le[Ie];
+          if (Fe.selected && Fe.visible) {
+            const Pe = Fe.rowBaseline | 0;
+            Pe < te && (te = Pe), Pe > ee && (ee = Pe), O.fillRect(ie, Pe - I, Ne, F);
           }
         }
         O.fillStyle = "rgba(0,0,0,0.1)", O.setLineDash([5, 5, 5, 5]), O.fillRect(
-          X - 1,
-          te + F,
+          J - 1,
+          te + I,
           K + 2,
-          ee - te - M
-        ), O.beginPath(), O.moveTo(X, te + F), O.lineTo(X, ee - F), O.moveTo(X + K, te + F), O.lineTo(X + K, ee - F), O.stroke();
+          ee - te - F
+        ), O.beginPath(), O.moveTo(J, te + I), O.lineTo(J, ee - I), O.moveTo(J + K, te + I), O.lineTo(J + K, ee - I), O.stroke();
       }
       O.restore();
     }, Ce = () => {
       var p;
       (p = s.value) == null || p.initPlotCanvas();
-    }, ie = () => {
+    }, ae = () => {
       let p = R.value.getContext("2d"), w = window.devicePixelRatio || 1, O = p.webkitBackingStorePixelRatio || p.mozBackingStorePixelRatio || p.msBackingStorePixelRatio || p.oBackingStorePixelRatio || p.backingStorePixelRatio || 1;
       return w / O;
     }, P = (p) => ("0" + p.getUTCHours()).slice(-2) + ":" + ("0" + p.getUTCMinutes()).slice(-2) + ":" + ("0" + p.getUTCSeconds()).slice(-2), C = (p) => {
-      var F, G;
-      let w = parseFloat(p.input0), O = parseFloat(p.input1), M = {};
+      var I, X;
+      let w = parseFloat(p.input0), O = parseFloat(p.input1), F = {};
       switch (p.filterType) {
         case "clear":
-          M = { channelFiltersToClear: p.selChannels };
+          F = { channelFiltersToClear: p.selChannels };
           break;
         case "bandpass":
-          let Z = (w + O) / 2, Q = Math.abs((O - w) / 2);
-          M = {
+          let Y = (w + O) / 2, Q = Math.abs((O - w) / 2);
+          F = {
             filter: p.filterType,
-            filterParameters: [4, Z, Q],
+            filterParameters: [4, Y, Q],
             channels: p.selChannels
           };
           break;
         case "highpass":
-          M = {
+          F = {
             filter: p.filterType,
             filterParameters: [4, w],
             channels: p.selChannels
           };
           break;
         case "lowpass":
-          M = {
+          F = {
             filter: p.filterType,
             filterParameters: [4, w],
             channels: p.selChannels
           };
           break;
         case "bandstop":
-          let X = 10;
+          let J = 10;
           const K = p.notchFreq;
-          M = {
+          F = {
             filter: p.filterType,
-            filterParameters: [4, K, X],
+            filterParameters: [4, K, J],
             channels: p.selChannels
           };
           break;
         default:
           return;
       }
-      (F = s.value) == null || F.sendFilterMessage(M);
-      for (let Z = 0; Z < p.selChannels.length; Z++) {
-        let Q = p.selChannels[Z], X = find(propEq("id", Q), t.value);
-        p.filterType === "clear" ? X.filter = {} : X.filter = {
+      (I = s.value) == null || I.sendFilterMessage(F);
+      for (let Y = 0; Y < p.selChannels.length; Y++) {
+        let Q = p.selChannels[Y], J = find(propEq("id", Q), t.value);
+        p.filterType === "clear" ? J.filter = {} : J.filter = {
           type: p.filterType,
           input0: w,
           input1: O,
           notchFreq: p.notchFreq
         };
       }
-      (G = s.value) == null || G.invalidate(), be();
+      (X = s.value) == null || X.invalidate(), be();
     };
     return onMounted(() => {
-      x.value = ie();
+      x.value = ae();
     }), c({
       rsPeriod: y,
       resetFocusedAnnotation: U,
-      createAnnotationLayer: ce,
-      getNextAnnotation: j,
+      createAnnotationLayer: ne,
+      getNextAnnotation: B,
       getPreviousAnnotation: re,
       setFilters: C,
-      setActiveTool: E,
+      setActiveTool: V,
       renderAll: be,
       renderAnnotationCanvas: qe,
       initViewerCanvas: Ce
@@ -5616,7 +5621,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           "rs-period": y.value,
           "global-zoom-mult": f.globalZoomMult,
           "active-viewer": f.activeViewer,
-          onChannelsInitialized: ue,
+          onChannelsInitialized: _e,
           onSetGlobalZoom: Re
         }, {
           axisCanvas: withCtx(() => [
@@ -5625,9 +5630,9 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
               ref_key: "axisArea",
               ref: u,
               class: "canvas",
-              width: ae(f.cWidth, x.value, 0),
-              height: ae(f.cHeight, x.value, 0),
-              style: normalizeStyle($.value)
+              width: oe(f.cWidth, x.value, 0),
+              height: oe(f.cHeight, x.value, 0),
+              style: normalizeStyle(G.value)
             }, null, 12, _hoisted_3)
           ]),
           annCanvas: withCtx(() => [
@@ -5636,9 +5641,9 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
               ref_key: "annArea",
               ref: o,
               class: "canvas",
-              width: ae(f.cWidth, x.value, 0),
-              height: ae(W.value, x.value, 0),
-              style: normalizeStyle(I.value)
+              width: oe(f.cWidth, x.value, 0),
+              height: oe(M.value, x.value, 0),
+              style: normalizeStyle(j.value)
             }, null, 12, _hoisted_4)
           ]),
           _: 1
@@ -5648,9 +5653,9 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           ref_key: "cursorArea",
           ref: h,
           class: "canvas",
-          width: ae(f.cWidth + 5, x.value, 0),
-          height: ae(f.cHeight, x.value, 0),
-          style: normalizeStyle(Y.value)
+          width: oe(f.cWidth + 5, x.value, 0),
+          height: oe(f.cHeight, x.value, 0),
+          style: normalizeStyle(Z.value)
         }, null, 12, _hoisted_5),
         createVNode(unref(l), {
           ref_key: "annCanvas",
@@ -5667,26 +5672,26 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           "pointer-mode": z.value,
           "viewer-active-tool": unref(n),
           "active-viewer": f.activeViewer,
-          onAnnLayersInitialized: ye,
-          onAnnotationsReceived: oe,
-          onCloseAnnotationLayerWindow: fe,
-          onUpdateAnnotation: se
+          onAnnLayersInitialized: ve,
+          onAnnotationsReceived: ce,
+          onCloseAnnotationLayerWindow: se,
+          onUpdateAnnotation: ue
         }, null, 8, ["c-width", "c-height", "constants", "annotations-canvas", "pixel-ratio", "rs-period", "start", "duration", "ts-end", "pointer-mode", "viewer-active-tool", "active-viewer"]),
         createElementVNode("canvas", {
           id: "iArea",
           ref_key: "iArea",
           ref: R,
           class: "canvas",
-          width: ae(f.cWidth, x.value, 0),
-          height: ae(f.cHeight, x.value, 0),
-          style: normalizeStyle($.value),
+          width: oe(f.cWidth, x.value, 0),
+          height: oe(f.cHeight, x.value, 0),
+          style: normalizeStyle(G.value),
           tabindex: "-1",
-          onWheel: he,
+          onWheel: fe,
           onMousemove: Se,
-          onMousedown: me,
-          onMouseup: we,
+          onMousedown: he,
+          onMouseup: de,
           onMouseout: ke,
-          onMouseenter: de
+          onMouseenter: pe
         }, null, 44, _hoisted_6)
       ])
     ]));