@pennsieve-viz/tsviewer 1.1.0 → 1.1.1

package/dist/{TSViewerCanvas-3TTYdC6T.js → TSViewerCanvas-A6HgBZ4E.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, u as useToken, p as propOr, g as _export_sfc, h as createViewerStore, m as propEq } from "./index-ZGQLYYRT.js";
+import { n as nth, b as _curry2, d as _xfBase, l as _reduced, e as _dispatchable, u as useToken, p as propOr, g as _export_sfc, h as createViewerStore, m as propEq } from "./index-CgKUmS0K.js";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DaMA6jEr.js";
 var head = /* @__PURE__ */ nth(0), XFind = /* @__PURE__ */ (function() {
   function f(c, v) {
@@ -1954,67 +1954,67 @@ function requireRoot() {
     if (!m)
       return o.asPromise(l, R, a, h);
     var g = m === n;
-    function y(V, N) {
+    function y(W, N) {
       if (m) {
         if (g)
-          throw V;
+          throw W;
         N && N.resolveAll();
         var w = m;
-        m = null, w(V, N);
+        m = null, w(W, N);
       }
     }
-    function O(V) {
-      var N = V.lastIndexOf("google/protobuf/");
+    function O(W) {
+      var N = W.lastIndexOf("google/protobuf/");
       if (N > -1) {
-        var w = V.substring(N);
+        var w = W.substring(N);
         if (w in r) return w;
       }
       return null;
     }
-    function b(V, N) {
+    function b(W, N) {
       try {
         if (o.isString(N) && N.charAt(0) === "{" && (N = JSON.parse(N)), !o.isString(N))
           R.setOptions(N.options).addJSON(N.nested);
         else {
-          e.filename = V;
+          e.filename = W;
           var w = e(N, R, h), T, C = 0;
           if (w.imports)
             for (; C < w.imports.length; ++C)
-              (T = O(w.imports[C]) || R.resolvePath(V, w.imports[C])) && E(T);
+              (T = O(w.imports[C]) || R.resolvePath(W, w.imports[C])) && E(T);
           if (w.weakImports)
             for (C = 0; C < w.weakImports.length; ++C)
-              (T = O(w.weakImports[C]) || R.resolvePath(V, w.weakImports[C])) && E(T, !0);
+              (T = O(w.weakImports[C]) || R.resolvePath(W, w.weakImports[C])) && E(T, !0);
         }
       } catch (k) {
         y(k);
       }
       !g && !I && y(null, R);
     }
-    function E(V, N) {
-      if (V = O(V) || V, !(R.files.indexOf(V) > -1)) {
-        if (R.files.push(V), V in r) {
-          g ? b(V, r[V]) : (++I, setTimeout(function() {
-            --I, b(V, r[V]);
+    function E(W, N) {
+      if (W = O(W) || W, !(R.files.indexOf(W) > -1)) {
+        if (R.files.push(W), W in r) {
+          g ? b(W, r[W]) : (++I, setTimeout(function() {
+            --I, b(W, r[W]);
           }));
           return;
         }
         if (g) {
           var w;
           try {
-            w = o.fs.readFileSync(V).toString("utf8");
+            w = o.fs.readFileSync(W).toString("utf8");
           } catch (T) {
             N || y(T);
             return;
           }
-          b(V, w);
+          b(W, w);
         } else
-          ++I, R.fetch(V, function(T, C) {
+          ++I, R.fetch(W, function(T, C) {
             if (--I, !!m) {
               if (T) {
                 N ? I || y(null, R) : y(T);
                 return;
               }
-              b(V, C);
+              b(W, C);
             }
           });
       }
@@ -2762,55 +2762,55 @@ function requireTokenize() {
     function E() {
       var _ = O === "'" ? v : c;
       _.lastIndex = a - 1;
-      var F = _.exec(s);
-      if (!F)
+      var D = _.exec(s);
+      if (!D)
         throw b("string");
-      return a = _.lastIndex, w(O), O = null, n(F[1]);
+      return a = _.lastIndex, w(O), O = null, n(D[1]);
     }
     function I(_) {
       return s.charAt(_);
     }
-    function M(_, F, W) {
-      var D = {
+    function M(_, D, F) {
+      var B = {
         type: s.charAt(_++),
         lineEmpty: !1,
-        leading: W
-      }, L;
-      l ? L = 2 : L = 3;
-      var H = _ - L, z;
+        leading: F
+      }, V;
+      l ? V = 2 : V = 3;
+      var H = _ - V, z;
       do
         if (--H < 0 || (z = s.charAt(H)) === `
 `) {
-          D.lineEmpty = !0;
+          B.lineEmpty = !0;
           break;
         }
       while (z === " " || z === "	");
-      for (var B = s.substring(_, F).split(i), K = 0; K < B.length; ++K)
-        B[K] = B[K].replace(l ? o : u, "").trim();
-      D.text = B.join(`
-`).trim(), g[m] = D, R = m;
+      for (var L = s.substring(_, D).split(i), K = 0; K < L.length; ++K)
+        L[K] = L[K].replace(l ? o : u, "").trim();
+      B.text = L.join(`
+`).trim(), g[m] = B, R = m;
     }
     function j(_) {
-      var F = V(_), W = s.substring(_, F), D = /^\s*\/\//.test(W);
-      return D;
+      var D = W(_), F = s.substring(_, D), B = /^\s*\/\//.test(F);
+      return B;
     }
-    function V(_) {
-      for (var F = _; F < h && I(F) !== `
+    function W(_) {
+      for (var D = _; D < h && I(D) !== `
 `; )
-        F++;
-      return F;
+        D++;
+      return D;
     }
     function N() {
       if (y.length > 0)
         return y.shift();
       if (O)
         return E();
-      var _, F, W, D, L, H = a === 0;
+      var _, D, F, B, V, H = a === 0;
       do {
         if (a === h)
           return null;
-        for (_ = !1; e.test(W = I(a)); )
-          if (W === `
+        for (_ = !1; e.test(F = I(a)); )
+          if (F === `
 ` && (H = !0, ++m), ++a === h)
             return null;
         if (I(a) === "/") {
@@ -2818,39 +2818,39 @@ function requireTokenize() {
             throw b("comment");
           if (I(a) === "/")
             if (l) {
-              if (D = a, L = !1, j(a - 1)) {
-                L = !0;
+              if (B = a, V = !1, j(a - 1)) {
+                V = !0;
                 do
-                  if (a = V(a), a === h || (a++, !H))
+                  if (a = W(a), a === h || (a++, !H))
                     break;
                 while (j(a));
               } else
-                a = Math.min(h, V(a) + 1);
-              L && (M(D, a, H), H = !0), m++, _ = !0;
+                a = Math.min(h, W(a) + 1);
+              V && (M(B, a, H), H = !0), m++, _ = !0;
             } else {
-              for (L = I(D = a + 1) === "/"; I(++a) !== `
+              for (V = I(B = a + 1) === "/"; I(++a) !== `
 `; )
                 if (a === h)
                   return null;
-              ++a, L && (M(D, a - 1, H), H = !0), ++m, _ = !0;
+              ++a, V && (M(B, a - 1, H), H = !0), ++m, _ = !0;
             }
-          else if ((W = I(a)) === "*") {
-            D = a + 1, L = l || I(D) === "*";
+          else if ((F = I(a)) === "*") {
+            B = a + 1, V = l || I(B) === "*";
             do {
-              if (W === `
+              if (F === `
 ` && ++m, ++a === h)
                 throw b("comment");
-              F = W, W = I(a);
-            } while (F !== "*" || W !== "/");
-            ++a, L && (M(D, a - 2, H), H = !0), _ = !0;
+              D = F, F = I(a);
+            } while (D !== "*" || F !== "/");
+            ++a, V && (M(B, a - 2, H), H = !0), _ = !0;
           } else
             return "/";
         }
       } while (_);
       var z = a;
       f.lastIndex = 0;
-      var B = f.test(I(z++));
-      if (!B)
+      var L = f.test(I(z++));
+      if (!L)
         for (; z < h && !f.test(I(z)); )
           ++z;
       var K = s.substring(a, a = z);
@@ -2868,17 +2868,17 @@ function requireTokenize() {
       }
       return y[0];
     }
-    function C(_, F) {
-      var W = T(), D = W === _;
-      if (D)
+    function C(_, D) {
+      var F = T(), B = F === _;
+      if (B)
         return N(), !0;
-      if (!F)
-        throw b("token '" + W + "', '" + _ + "' expected");
+      if (!D)
+        throw b("token '" + F + "', '" + _ + "' expected");
       return !1;
     }
     function k(_) {
-      var F = null, W;
-      return _ === void 0 ? (W = g[m - 1], delete g[m - 1], W && (l || W.type === "*" || W.lineEmpty) && (F = W.leading ? W.text : null)) : (R < _ && T(), W = g[_], delete g[_], W && !W.lineEmpty && (l || W.type === "/") && (F = W.leading ? null : W.text)), F;
+      var D = null, F;
+      return _ === void 0 ? (F = g[m - 1], delete g[m - 1], F && (l || F.type === "*" || F.lineEmpty) && (D = F.leading ? F.text : null)) : (R < _ && T(), F = g[_], delete g[_], F && !F.lineEmpty && (l || F.type === "/") && (D = F.leading ? null : F.text)), D;
     }
     return Object.defineProperty({
       next: N,
@@ -2901,11 +2901,11 @@ function requireParse() {
   var f = requireTokenize(), c = requireRoot(), v = requireType(), u = requireField(), o = requireMapfield(), i = requireOneof(), e = require_enum(), r = requireService(), t = requireMethod(), n = requireObject(), d = requireTypes(), s = requireUtil(), l = /^[1-9][0-9]*$/, a = /^-?[1-9][0-9]*$/, h = /^0[x][0-9a-fA-F]+$/, m = /^-?0[x][0-9a-fA-F]+$/, R = /^0[0-7]+$/, g = /^-?0[0-7]+$/, y = /^(?![eE])[0-9]*(?:\.[0-9]*)?(?:[eE][+-]?[0-9]+)?$/, O = /^[a-zA-Z_][a-zA-Z_0-9]*$/, b = /^(?:\.?[a-zA-Z_][a-zA-Z_0-9]*)(?:\.[a-zA-Z_][a-zA-Z_0-9]*)*$/;
   function E(I, M, j) {
     M instanceof c || (j = M, M = new c()), j || (j = E.defaults);
-    var V = j.preferTrailingComment || !1, N = f(I, j.alternateCommentMode || !1), w = N.next, T = N.push, C = N.peek, k = N.skip, _ = N.cmnt, F = !0, W, D, L, H = "proto2", z = M, B = [], K = {}, Z = j.keepCase ? function(P) {
+    var W = j.preferTrailingComment || !1, N = f(I, j.alternateCommentMode || !1), w = N.next, T = N.push, C = N.peek, k = N.skip, _ = N.cmnt, D = !0, F, B, V, H = "proto2", z = M, L = [], K = {}, Z = j.keepCase ? function(P) {
       return P;
     } : s.camelCase;
     function fe() {
-      B.forEach((P) => {
+      L.forEach((P) => {
         P._edition = H, Object.keys(K).forEach((x) => {
           P.getOption(x) === void 0 && P.setOption(x, K[x], !0);
         });
@@ -3027,23 +3027,23 @@ function requireParse() {
       throw U(P, "id");
     }
     function oe() {
-      if (W !== void 0)
+      if (F !== void 0)
         throw U("package");
-      if (W = w(), !b.test(W))
-        throw U(W, "name");
-      z = z.define(W), k(";");
+      if (F = w(), !b.test(F))
+        throw U(F, "name");
+      z = z.define(F), k(";");
     }
     function pe() {
       var P = C(), x;
       switch (P) {
         case "weak":
-          x = L || (L = []), w();
+          x = V || (V = []), w();
           break;
         case "public":
           w();
         // eslint-disable-next-line no-fallthrough
         default:
-          x = D || (D = []);
+          x = B || (B = []);
           break;
       }
       P = ne(), k(";"), x.push(P);
@@ -3080,7 +3080,7 @@ function requireParse() {
           x(q);
         k(";", !0);
       } else
-        p && p(), k(";"), P && (typeof P.comment != "string" || V) && (P.comment = _(S) || P.comment);
+        p && p(), k(";"), P && (typeof P.comment != "string" || W) && (P.comment = _(S) || P.comment);
     }
     function Oe(P, x) {
       if (!O.test(x = w()))
@@ -3123,7 +3123,7 @@ function requireParse() {
               T(q), ae(p, "optional");
               break;
           }
-      }), P.add(p), P === z && B.push(p);
+      }), P.add(p), P === z && L.push(p);
     }
     function ae(P, x, p) {
       var S = w();
@@ -3152,7 +3152,7 @@ function requireParse() {
         A.setOption("proto3_optional", !0), J.add(A), P.add(J);
       } else
         P.add(A);
-      P === z && B.push(A);
+      P === z && L.push(A);
     }
     function qe(P, x) {
       if (H >= 2023)
@@ -3239,7 +3239,7 @@ function requireParse() {
           default:
             be(p, q);
         }
-      }), P.add(p), P === z && B.push(p);
+      }), P.add(p), P === z && L.push(p);
     }
     function be(P, x) {
       if (!O.test(x))
@@ -3341,7 +3341,7 @@ function requireParse() {
             xe(p, q);
           else
             throw U(q);
-      }), P.add(p), P === z && B.push(p);
+      }), P.add(p), P === z && L.push(p);
     }
     function xe(P, x) {
       var p = _(), S = x;
@@ -3383,22 +3383,22 @@ function requireParse() {
     for (var ie; (ie = w()) !== null; )
       switch (ie) {
         case "package":
-          if (!F)
+          if (!D)
             throw U(ie);
           oe();
           break;
         case "import":
-          if (!F)
+          if (!D)
             throw U(ie);
           pe();
           break;
         case "syntax":
-          if (!F)
+          if (!D)
             throw U(ie);
           we();
           break;
         case "edition":
-          if (!F)
+          if (!D)
             throw U(ie);
           Se();
           break;
@@ -3407,15 +3407,15 @@ function requireParse() {
           break;
         default:
           if (Re(z, ie)) {
-            F = !1;
+            D = !1;
             continue;
           }
           throw U(ie);
       }
     return fe(), E.filename = null, {
-      package: W,
-      imports: D,
-      weakImports: L,
+      package: F,
+      imports: B,
+      weakImports: V,
       root: M
     };
   }
@@ -3813,46 +3813,46 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     }
   }, i = protobuf.Root.fromJSON(u).TimeSeriesMessage;
   let e = null, r = null, t = null, n = null, d = null, s = null, l = !1, a = null;
-  const h = (_, F = 2e3) => new Promise((W) => {
+  const h = (_, D = 2e3) => new Promise((F) => {
     if (!_ || _.readyState === WebSocket.CLOSED) {
-      W();
+      F();
       return;
     }
-    const D = Date.now(), L = () => {
-      _.readyState === WebSocket.CLOSED || Date.now() - D > F ? W() : setTimeout(L, 50);
+    const B = Date.now(), V = () => {
+      _.readyState === WebSocket.CLOSED || Date.now() - B > D ? F() : setTimeout(V, 50);
     };
-    L();
+    V();
   }), m = async () => {
     if (f.value) {
       const _ = f.value;
       console.log("🔌 Disconnecting WebSocket (state:", _.readyState, ")"), f.value = null, c.value = "disconnected", (_.readyState === WebSocket.OPEN || _.readyState === WebSocket.CONNECTING) && (_.close(), await h(_));
     }
     a = null;
-  }, R = async (_, F, W) => {
+  }, R = async (_, D, F) => {
     if (a && (console.log("🔄 Waiting for previous connection to finish..."), await a), f.value) {
-      const D = f.value.readyState;
-      (D === WebSocket.CONNECTING || D === WebSocket.OPEN || D === WebSocket.CLOSING) && (console.log(`🔄 Disconnecting existing WebSocket (state: ${D})`), await m(), await new Promise((L) => setTimeout(L, 100)));
+      const B = f.value.readyState;
+      (B === WebSocket.CONNECTING || B === WebSocket.OPEN || B === WebSocket.CLOSING) && (console.log(`🔄 Disconnecting existing WebSocket (state: ${B})`), await m(), await new Promise((V) => setTimeout(V, 100)));
     }
-    console.log("setting packageId to: " + F), s = F, v.value = !0, a = new Promise(async (D, L) => {
+    console.log("setting packageId to: " + D), s = D, v.value = !0, a = new Promise(async (B, V) => {
       try {
-        const H = W || await useToken(), z = _ + "?session=" + H + "&package=" + s, B = new WebSocket(z);
-        f.value = B, B.onopen = () => {
-          console.log("🔗 WebSocket opened for package:", s), g(), D(B);
-        }, B.onclose = () => {
-          console.log("🔌 WebSocket closed for package:", s), y(), D(null);
-        }, B.onmessage = O, B.onerror = (K) => {
-          console.error("WebSocket error:", K), c.value = "disconnected", L(K);
+        const H = F || await useToken(), z = _ + "?session=" + H + "&package=" + s, L = new WebSocket(z);
+        f.value = L, L.onopen = () => {
+          console.log("🔗 WebSocket opened for package:", s), g(), B(L);
+        }, L.onclose = () => {
+          console.log("🔌 WebSocket closed for package:", s), y(), B(null);
+        }, L.onmessage = O, L.onerror = (K) => {
+          console.error("WebSocket error:", K), c.value = "disconnected", V(K);
         }, setTimeout(() => {
-          B.readyState === WebSocket.CONNECTING && (B.close(), L(new Error("WebSocket connection timeout")));
+          L.readyState === WebSocket.CONNECTING && (L.close(), V(new Error("WebSocket connection timeout")));
         }, 1e4);
       } catch (H) {
-        console.error("Failed to create WebSocket:", H), L(H);
+        console.error("Failed to create WebSocket:", H), V(H);
       }
     });
     try {
       await a;
-    } catch (D) {
-      console.error("WebSocket connection failed:", D), a = null;
+    } catch (B) {
+      console.error("WebSocket connection failed:", B), a = null;
     }
   }, g = () => {
     if (c.value = "connected", v.value) {
@@ -3866,36 +3866,36 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     console.log("📡 WebSocket connection closed"), c.value = "disconnected";
   }, O = (_) => {
     if (typeof _.data == "string") {
-      let W = {};
+      let F = {};
       try {
-        W = JSON.parse(_.data);
+        F = JSON.parse(_.data);
       } catch {
         n == null || n({ error: "JSON Parse Error" });
         return;
       }
-      W.channelDetails ? t == null || t(W.channelDetails) : W.error && (n == null || n(W));
+      F.channelDetails ? t == null || t(F.channelDetails) : F.error && (n == null || n(F));
       return;
     }
-    const F = new FileReader();
-    F.addEventListener("loadend", function(W) {
-      const D = W.target.result, L = new Uint8Array(D), H = i.decode(L), z = H.segment;
+    const D = new FileReader();
+    D.addEventListener("loadend", function(F) {
+      const B = F.target.result, V = new Uint8Array(B), H = i.decode(V), z = H.segment;
       if (H.event && H.event.length > 0 && H.event[0].pageStart) {
-        const B = H.event[0], K = [[], []], Z = B.times.length / 2;
+        const L = H.event[0], K = [[], []], Z = L.times.length / 2;
         let fe = 0;
         for (let se = 0; se < Z; se++)
-          K[0].push(B.times[fe]), K[1].push(B.times[fe + 1]), fe += 2;
+          K[0].push(L.times[fe]), K[1].push(L.times[fe + 1]), fe += 2;
         let U = new Array(3), ne = 0;
         for (; ne < 3; )
           U[ne] = new Float32Array(K[0].length), ne++;
         const le = {
-          chId: B.source,
+          chId: L.source,
           lastUsed: 0,
           unit: "uV",
-          samplePeriod: B.samplePeriod,
-          pageStart: B.pageStart,
-          pageEnd: B.pageEnd,
-          startTs: B.pageStart,
-          isMinMax: B.isResampled,
+          samplePeriod: L.samplePeriod,
+          pageStart: L.pageStart,
+          pageEnd: L.pageEnd,
+          startTs: L.pageStart,
+          isMinMax: L.isResampled,
           unitM: 1,
           type: "Neural",
           nrPoints: Z,
@@ -3903,27 +3903,27 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           cData: U
         };
         r == null || r({
-          pageStart: B.pageStart,
+          pageStart: L.pageStart,
           data: le,
           type: "Neural",
           nrResponses: H.totalResponses
         });
       }
       if (z !== null) {
-        let B = null;
-        z.isMinMax ? B = z.data.length / 2 : B = z.data.length;
+        let L = null;
+        z.isMinMax ? L = z.data.length / 2 : L = z.data.length;
         const K = new Array(3), Z = z.startTs;
         let fe = 0, U = 0, ne = 0;
         for (; ne < 3; )
-          K[ne] = new Float64Array(B), ne++;
+          K[ne] = new Float64Array(L), ne++;
         if (z.isMinMax) {
           let oe = 0;
-          for (let pe = 0; pe < B; pe++) {
+          for (let pe = 0; pe < L; pe++) {
             let we = -z.data[oe], Se = -z.data[oe + 1];
             K[0][pe] = Z + pe * z.samplePeriod, K[1][pe] = we, K[2][pe] = Se, isNaN(we) || (U++, fe += we + (Se - we) / 2), oe += 2;
           }
         } else
-          for (let oe = 0; oe < B; oe++) {
+          for (let oe = 0; oe < L; oe++) {
             let pe = -z.data[oe];
             K[0][oe] = Z + oe * z.samplePeriod, K[1][oe] = pe, isNaN(pe) || (U++, fe += pe);
           }
@@ -3946,7 +3946,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           isMinMax: z.isMinMax,
           unitM: z.unitM,
           type: z.segmentType,
-          nrPoints: B,
+          nrPoints: L,
           cData: se,
           parsedData: K,
           median: le,
@@ -3967,17 +3967,17 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           type: "gap"
         });
       }
-    }), F.readAsArrayBuffer(_.data);
+    }), D.readAsArrayBuffer(_.data);
   }, b = (_) => f.value && f.value.readyState === 1 ? (f.value.send(JSON.stringify(_)), !0) : !1, E = (_) => {
-    let F;
+    let D;
     switch (_) {
       case "NOT_MONTAGED":
-        F = { montage: "NOT_MONTAGED", packageId: s };
+        D = { montage: "NOT_MONTAGED", packageId: s };
         break;
       default:
-        F = { montage: "CUSTOM_MONTAGE", packageId: s, montageMap: _ };
+        D = { montage: "CUSTOM_MONTAGE", packageId: s, montageMap: _ };
     }
-    b(F);
+    b(D);
   }, I = (_) => {
     f.value && f.value.readyState === 1 ? f.value.send(JSON.stringify(_)) : setTimeout(() => I(_), 200);
   }, M = () => {
@@ -3990,7 +3990,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     return console.warn("⚠️ Cannot send dump buffer request - WebSocket not connected"), !1;
   }, j = (_) => {
     e = _;
-  }, V = (_) => {
+  }, W = (_) => {
     r = _;
   }, N = (_) => {
     t = _;
@@ -4020,7 +4020,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     setPackageId: C,
     setUseMedian: k,
     onSegment: j,
-    onEvent: V,
+    onEvent: W,
     onChannelDetails: N,
     onError: w
   };
@@ -4056,7 +4056,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         let E = null;
         if (E = t.find((_) => _.id === b.id), !E || !E.visible)
           continue;
-        const I = d.start, M = d.rsPeriod, j = n.XOFFSET, V = Math.min(Math.round(d.cHeight / r.channels.length - 2), 10);
+        const I = d.start, M = d.rsPeriod, j = n.XOFFSET, W = Math.min(Math.round(d.cHeight / r.channels.length - 2), 10);
         for (let _ = 0; _ < E.dataSegments.length; _ += 2) {
           if (E.dataSegments[_ + 1] < I) {
             console.log("skipping something");
@@ -4066,8 +4066,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
             console.log("breaking something");
             break;
           }
-          let F = Math.floor(j + (E.dataSegments[_] - I) / M), W = Math.floor(j + (E.dataSegments[_ + 1] - I) / M), D = Math.floor(E.rowBaseline - V / 2);
-          m.fillRect(F, D, W - F, V);
+          let D = Math.floor(j + (E.dataSegments[_] - I) / M), F = Math.floor(j + (E.dataSegments[_ + 1] - I) / M), B = Math.floor(E.rowBaseline - W / 2);
+          m.fillRect(D, B, F - D, W);
         }
         e(E, b, d, n, s, a);
         const N = b.blocks.length;
@@ -4075,52 +4075,52 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         N && (w = b.blocks[0].type), E.hover ? E.selected ? (g.strokeStyle = "rgba(39,96,255,0.70)", g.fillStyle = "rgba(39,96,255,0.70)") : (g.strokeStyle = "rgba(39,96,255,0.60)", g.fillStyle = "rgba(39,96,255,0.60)") : E.selected ? (g.strokeStyle = "rgb(249,162,58)", g.fillStyle = "rgb(3249,162,58)") : w === "Neural" ? g.strokeStyle = "rgb(249,162,58)" : (g.strokeStyle = "black", g.fillStyle = "black");
         let T = null, C = !0, k = 1e6 * (1 / E.sf);
         for (let _ = 0; _ < N; _++) {
-          const F = b.blocks[_];
-          if (F.nrPoints === 0) {
+          const D = b.blocks[_];
+          if (D.nrPoints === 0) {
             console.log("zero points");
             continue;
           }
-          const W = F.cData, D = F.nrPoints, L = W[0], H = W[1], z = W[2];
-          let B = F.renderStartIndex, K = F.renderEndIndex;
-          switch (m.clearRect(Math.floor(L[B]), Math.floor(E.rowBaseline - V / 2), Math.ceil(L[K] - L[B] + 2), V + 1), F.type) {
+          const F = D.cData, B = D.nrPoints, V = F[0], H = F[1], z = F[2];
+          let L = D.renderStartIndex, K = D.renderEndIndex;
+          switch (m.clearRect(Math.floor(V[L]), Math.floor(E.rowBaseline - W / 2), Math.ceil(V[K] - V[L] + 2), W + 1), D.type) {
             case "Continuous":
             case "realtime":
-              if (F.isMinMax) {
-                if (F.samplePeriod / k < 3 && (C = !1), C) {
-                  g.beginPath(), _ > 0 && L[B] < T.x + 3 ? g.moveTo(T.x, T.y) : g.moveTo(L[B], H[B]);
-                  for (let Z = B; Z < K + 1; Z++)
-                    g.lineTo(L[Z], H[Z]);
-                  for (let Z = K - 1; Z >= B; Z--)
-                    g.lineTo(L[Z], z[Z]);
-                  _ > 0 && L[B] < T.x + 3 && g.lineTo(T.x, T.y2), g.closePath(), g.fill();
+              if (D.isMinMax) {
+                if (D.samplePeriod / k < 3 && (C = !1), C) {
+                  g.beginPath(), _ > 0 && V[L] < T.x + 3 ? g.moveTo(T.x, T.y) : g.moveTo(V[L], H[L]);
+                  for (let Z = L; Z < K + 1; Z++)
+                    g.lineTo(V[Z], H[Z]);
+                  for (let Z = K - 1; Z >= L; Z--)
+                    g.lineTo(V[Z], z[Z]);
+                  _ > 0 && V[L] < T.x + 3 && g.lineTo(T.x, T.y2), g.closePath(), g.fill();
                 } else {
                   g.beginPath();
-                  for (let Z = B; Z < K + 1; Z++)
-                    g.lineTo(L[Z], H[Z]), g.lineTo(L[Z], z[Z]), g.moveTo(L[Z], H[Z]);
+                  for (let Z = L; Z < K + 1; Z++)
+                    g.lineTo(V[Z], H[Z]), g.lineTo(V[Z], z[Z]), g.moveTo(V[Z], H[Z]);
                   g.stroke();
                 }
-                g.beginPath(), g.moveTo(L[B], H[B]);
-                for (let Z = B; Z < K + 1; Z++)
-                  g.lineTo(L[Z], H[Z]);
+                g.beginPath(), g.moveTo(V[L], H[L]);
+                for (let Z = L; Z < K + 1; Z++)
+                  g.lineTo(V[Z], H[Z]);
                 g.stroke();
               } else {
-                _ === 0 ? (g.beginPath(), g.moveTo(L[B], H[B])) : L[B] > T.x + 2 && g.moveTo(L[B], H[B]);
-                for (let Z = B; Z < K + 1; Z++)
-                  g.lineTo(L[Z], H[Z]);
+                _ === 0 ? (g.beginPath(), g.moveTo(V[L], H[L])) : V[L] > T.x + 2 && g.moveTo(V[L], H[L]);
+                for (let Z = L; Z < K + 1; Z++)
+                  g.lineTo(V[Z], H[Z]);
                 _ === N - 1 && g.stroke();
               }
               break;
             case "Neural":
               g.beginPath();
-              for (let Z = 0; Z < D; Z++)
-                g.moveTo(L[Z], H[Z]), g.lineTo(L[Z], z[Z]);
+              for (let Z = 0; Z < B; Z++)
+                g.moveTo(V[Z], H[Z]), g.lineTo(V[Z], z[Z]);
               g.stroke();
               break;
           }
           T = {
-            x: L[D - 1],
-            y: H[D - 1],
-            y2: z[D - 1]
+            x: V[B - 1],
+            y: H[B - 1],
+            y2: z[B - 1]
           };
         }
       }
@@ -4146,9 +4146,9 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       case "UNIT":
         if (!l)
           for (let m = 0; m < a; m++) {
-            const R = t.blocks[m], g = R.cData, y = R.parsedData, O = d.XOFFSET, b = R.parsedData[0].length, E = g[0], I = g[1], M = g[2], j = y[0], V = r.rowBaseline | 0, N = n.start, w = n.rsPeriod, T = n.cHeight / (2 * (n.nrVisibleChannels + 1)) | 0;
+            const R = t.blocks[m], g = R.cData, y = R.parsedData, O = d.XOFFSET, b = R.parsedData[0].length, E = g[0], I = g[1], M = g[2], j = y[0], W = r.rowBaseline | 0, N = n.start, w = n.rsPeriod, T = n.cHeight / (2 * (n.nrVisibleChannels + 1)) | 0;
             for (let C = 0; C < b; C++)
-              E[C] = O + (j[C] - N) / w, I[C] = V - T, M[C] = V + T;
+              E[C] = O + (j[C] - N) / w, I[C] = W - T, M[C] = W + T;
           }
         break;
       case "CONTINUOUS":
@@ -4166,12 +4166,12 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           R.renderStartIndex = g > 0 ? g : 0;
           let y = Math.floor((n.start + n.duration - (R.startTs + R.nrPoints * R.samplePeriod)) / R.samplePeriod);
           R.renderEndIndex = y >= 0 ? R.nrPoints - 1 : R.nrPoints + y;
-          const O = R.cData, b = R.parsedData, E = s * r.rowScale, I = d.XOFFSET, M = R.parsedData[0].length, j = O[0], V = O[1], N = O[2], w = b[0], T = b[1], C = b[2], k = r.rowBaseline;
+          const O = R.cData, b = R.parsedData, E = s * r.rowScale, I = d.XOFFSET, M = R.parsedData[0].length, j = O[0], W = O[1], N = O[2], w = b[0], T = b[1], C = b[2], k = r.rowBaseline;
           let _ = 0;
           d.USEMEDIAN ? _ = t.median : _ = t.mean;
-          const F = n.rsPeriod, W = n.start;
-          for (let D = 0; D < M; D++)
-            j[D] = I + (w[D] - W) / F, V[D] = k - (T[D] - _) * E, R.isMinMax && (T[D] === C[D] ? N[D] = V[D] + 1 : N[D] = k - (C[D] - _) * E);
+          const D = n.rsPeriod, F = n.start;
+          for (let B = 0; B < M; B++)
+            j[B] = I + (w[B] - F) / D, W[B] = k - (T[B] - _) * E, R.isMinMax && (T[B] === C[B] ? N[B] = W[B] + 1 : N[B] = k - (C[B] - _) * E);
         }
         break;
     }
@@ -4204,13 +4204,13 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         N--;
       return N++, -N - 2;
     }
-    const V = parseInt((I + M) / 2);
-    if (b[V].pageStart > E)
-      return d(b, E, I, V - 1, j);
-    if (b[V].pageStart < E)
-      return d(b, E, V + 1, M, j);
+    const W = parseInt((I + M) / 2);
+    if (b[W].pageStart > E)
+      return d(b, E, I, W - 1, j);
+    if (b[W].pageStart < E)
+      return d(b, E, W + 1, M, j);
     {
-      let N = V;
+      let N = W;
       if (j) {
         for (; N >= 0 && b[N].pageStart === E; )
           N--;
@@ -4228,8 +4228,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     const M = [];
     if (b.length > 0) {
       const j = [];
-      for (let V = 0; V < b.length; V++) {
-        const N = b[V].content, T = {
+      for (let W = 0; W < b.length; W++) {
+        const N = b[W].content, T = {
           id: I ? I(N) : N.id,
           serverId: N.serverId,
           label: N.name,
@@ -4254,7 +4254,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           label_prefix: k,
           label_value: _,
           dataSegments: [],
-          rank: V,
+          rank: W,
           visible: !0,
           plotAgainst: null,
           rowBaseline: null,
@@ -4304,11 +4304,11 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       case "gap":
       case "Neural":
       case "Continuous":
-        let j = !1, V = E && E.segments;
-        if (V && b.type !== "gap" && (j = !0, V.length > 0)) {
-          let w = n(V, b.data.startTs, !0, 0);
-          for (; V[w] && V[w].pageStart === b.data.pageStart; ) {
-            if (V[w].startTs === b.data.startTs) {
+        let j = !1, W = E && E.segments;
+        if (W && b.type !== "gap" && (j = !0, W.length > 0)) {
+          let w = n(W, b.data.startTs, !0, 0);
+          for (; W[w] && W[w].pageStart === b.data.pageStart; ) {
+            if (W[w].startTs === b.data.startTs) {
               j = !1;
               break;
             }
@@ -4328,7 +4328,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
             T && c.value.delete(b.data.pageStart);
           }
         }
-        j && (V.push(b.data), V.sort((w, T) => w.startTs < T.startTs ? -1 : w.startTs > T.startTs ? 1 : 0));
+        j && (W.push(b.data), W.sort((w, T) => w.startTs < T.startTs ? -1 : w.startTs > T.startTs ? 1 : 0));
         break;
     }
   }, h = () => {
@@ -4339,16 +4339,16 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       v.channels[b].blocks = [];
   }, m = (b) => {
     let E = 0, I = 0, M = v.channels;
-    for (let V = 0; V < M.length; V++) {
-      let N = M[V].blocks;
+    for (let W = 0; W < M.length; W++) {
+      let N = M[W].blocks;
       for (let w = 0; w < N.length; w++)
         N[w].type === "Continuous" && (E += R(N[w].parsedData[1]), I++);
     }
     const j = E / I;
     return !isNaN(j) && b ? b / M.length / (2 * j) : 1;
   }, R = (b) => {
-    const E = g(b), I = b.map(function(V) {
-      const N = V - E;
+    const E = g(b), I = b.map(function(W) {
+      const N = W - E;
       return N * N;
     }), M = g(I);
     return Math.sqrt(M);
@@ -4398,7 +4398,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       } else
         console.log("✅ No more prefetch requests, stopping prefetch timer"), clearInterval(v.value), u.value = !1;
     };
-  }, n = (y, O, b, E, I, M, j, V, N, w) => {
+  }, n = (y, O, b, E, I, M, j, W, N, w) => {
     E.start = O, E.duration = b;
     const T = [];
     for (let C = 0; C < E.channels.length; C++) {
@@ -4415,8 +4415,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         blocks: []
       });
     }
-    return d(y, O, b, E, I, M, j, V, N, w);
-  }, d = (y, O, b, E, I, M, j, V, N, w) => {
+    return d(y, O, b, E, I, M, j, W, N, w);
+  }, d = (y, O, b, E, I, M, j, W, N, w) => {
     f.value = [];
     let C = !1;
     (i.value !== O || e.value !== b) && (c.value = [], C = !0), i.value = O, e.value = b;
@@ -4424,69 +4424,69 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     for (let _ = 0; _ < E.channels.length; _++)
       k.push(E.channels[_]);
     for (let _ = 0; _ < y.length; _++) {
-      let F = !1;
-      const W = y[_], D = W.segments, L = w ? w(W) : W.id, H = k.findIndex((ne) => (w ? w(ne) : ne.id) === L);
+      let D = !1;
+      const F = y[_], B = F.segments, V = w ? w(F) : F.id, H = k.findIndex((ne) => (w ? w(ne) : ne.id) === V);
       if (H === -1)
         continue;
       const z = E.channels[H];
       if (!z)
         continue;
       z.blocks = [];
-      let B = Math.floor(O / 15e6) * 15e6;
-      B < 0 && (B = 0);
+      let L = Math.floor(O / 15e6) * 15e6;
+      L < 0 && (L = 0);
       let K = 0, Z = 0;
-      D.length > 0 && (K = N(D, B, !0, 0));
+      B.length > 0 && (K = N(B, L, !0, 0));
       let fe = O + b + M.PREFETCHPAGES * 15e6;
-      fe > V && (fe = V);
+      fe > W && (fe = W);
       let U;
-      for (D.length > 0 && (U = D[K]); B < fe || F; ) {
-        F = !1;
+      for (B.length > 0 && (U = B[K]); L < fe || D; ) {
+        D = !1;
         let ne = !1;
-        if (U && (ne = B >= U.pageStart && B <= U.pageEnd), ne) {
+        if (U && (ne = L >= U.pageStart && L <= U.pageEnd), ne) {
           const le = U.pageStart;
           for (; U && U.pageStart === le; )
-            U.startTs < O + b && z.blocks.push(U), Z += 1, U = D[K + Z];
-          B += 15e6, U && U.pageStart === le && (F = !0);
+            U.startTs < O + b && z.blocks.push(U), Z += 1, U = B[K + Z];
+          L += 15e6, U && U.pageStart === le && (D = !0);
         } else {
-          if (I.get(B)) {
-            if (B += 15e6, U && B >= U.pageEnd)
-              for (; U && U.pageEnd < B && (Z += 1, U = D[K + Z], !!U); )
+          if (I.get(L)) {
+            if (L += 15e6, U && L >= U.pageEnd)
+              for (; U && U.pageEnd < L && (Z += 1, U = B[K + Z], !!U); )
                 ;
             continue;
           }
-          if (B >= V) {
-            B += 15e6;
+          if (L >= W) {
+            L += 15e6;
             continue;
           }
-          let le = B < O + b, se = !1;
+          let le = L < O + b, se = !1;
           if (le) {
             for (let ue in c.value)
-              if (c.value[ue].start === B) {
+              if (c.value[ue].start === L) {
                 c.value.splice(ue, 1);
                 break;
               }
             for (let ue in f.value)
-              f.value[ue].start === B && (f.value[ue].channels.push(W), se = !0);
+              f.value[ue].start === L && (f.value[ue].channels.push(F), se = !0);
             se || f.value.push({
-              channels: [W],
-              start: B,
+              channels: [F],
+              start: L,
               duration: 15e6,
               isInViewport: !0,
               pixelWidth: Math.ceil(j)
             });
           } else if (C) {
             for (let ue in c.value)
-              c.value[ue].start === B && (c.value[ue].channels.push(W), se = !0);
+              c.value[ue].start === L && (c.value[ue].channels.push(F), se = !0);
             se || c.value.push({
-              channels: [W],
-              start: B,
+              channels: [F],
+              start: L,
               duration: 15e6,
               isInViewport: !1,
               pixelWidth: Math.ceil(j)
             });
           }
-          if (B += 15e6, U && B >= U.pageEnd)
-            for (; U && U.pageEnd < B && (Z += 1, U = D[K + Z], !!U); )
+          if (L += 15e6, U && L >= U.pageEnd)
+            for (; U && U.pageEnd < L && (Z += 1, U = B[K + Z], !!U); )
               ;
         }
       }
@@ -4496,10 +4496,10 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       asyncRequests: f.value,
       asyncPreRequests: c.value
     };
-  }, s = (y, O) => y.startTs < O.startTs ? -1 : y.startTs > O.startTs ? 1 : 0, l = (y, O = 0, b, E, I, M, j, V) => {
+  }, s = (y, O) => y.startTs < O.startTs ? -1 : y.startTs > O.startTs ? 1 : 0, l = (y, O = 0, b, E, I, M, j, W) => {
     if (y.length === 0)
       return console.log("⚠️ No requests to send"), !1;
-    const N = V;
+    const N = W;
     for (let w = 0; w < y.length; w++) {
       let T;
       w === 0 ? T = y[O] : w === O ? T = y[0] : T = y[w];
@@ -4528,13 +4528,13 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       const k = b;
       if (k && k.readyState === 1) {
         const _ = T.channels.map((z) => {
-          const B = z.serverId || z.id, K = z.label || z.name;
+          const L = z.serverId || z.id, K = z.label || z.name;
           return {
-            id: B,
+            id: L,
             // Server expects serverId
             name: K
           };
-        }), F = {
+        }), D = {
           session: E,
           minMax: !0,
           startTime: T.start,
@@ -4542,16 +4542,16 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           packageId: I.content.id,
           pixelWidth: T.pixelWidth,
           virtualChannels: _
-        }, W = JSON.stringify(F);
-        k.send(W);
-        const D = T.channels.length, L = /* @__PURE__ */ new Map();
-        for (let z = 0; z < D; z++) {
-          const B = T.channels[z].id;
-          L.set(B, NaN);
+        }, F = JSON.stringify(D);
+        k.send(F);
+        const B = T.channels.length, V = /* @__PURE__ */ new Map();
+        for (let z = 0; z < B; z++) {
+          const L = T.channels[z].id;
+          V.set(L, NaN);
         }
         const H = {
-          count: D,
-          counter: L,
+          count: B,
+          counter: V,
           subPageCount: NaN,
           ts: Date.now(),
           inViewport: T.isInViewport,
@@ -4588,8 +4588,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     return y.forEach(function(I, M) {
       if (!isNaN(I.subPageCount)) {
         const j = [];
-        I.counter.forEach(function(V, N) {
-          !isNaN(V) && V > 0 && j.push(N);
+        I.counter.forEach(function(W, N) {
+          !isNaN(W) && W > 0 && j.push(N);
         }), j.length > 0 && E.push({
           channels: j,
           start: M,
@@ -4644,41 +4644,41 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     }
     return T;
   }, h = (w, T, C = null) => {
-    var W, D;
+    var F, B;
     const k = C || c.value, _ = `${w}_${T}_${k}`;
     if (e.value.has(_))
       return e.value.get(_);
-    let F = `${w}-${T}`;
+    let D = `${w}-${T}`;
     if (k !== "NOT_MONTAGED") {
-      const L = (W = v.value) == null ? void 0 : W.find((H) => H.name === k);
-      if (L != null && L.channelPairs)
-        for (const H of Object.keys(L.channelPairs)) {
-          const z = L.channelPairs[H];
-          if (((D = z.channels) == null ? void 0 : D.length) === 2 && z.channels[0] === w && z.channels[1] === T) {
-            F = z.name || F;
+      const V = (F = v.value) == null ? void 0 : F.find((H) => H.name === k);
+      if (V != null && V.channelPairs)
+        for (const H of Object.keys(V.channelPairs)) {
+          const z = V.channelPairs[H];
+          if (((B = z.channels) == null ? void 0 : B.length) === 2 && z.channels[0] === w && z.channels[1] === T) {
+            D = z.name || D;
             break;
           }
         }
     }
-    return e.value.set(_, F), F;
+    return e.value.set(_, D), D;
   }, m = (w) => {
     if (!Array.isArray(w))
       return console.warn("Invalid channel details provided:", w), [];
     const T = performance.now();
     o.totalChannels = w.length, o.processedChannels = 0, o.errors = 0;
     const C = w.map(({ id: k, name: _ }) => {
-      var F;
+      var D;
       try {
-        const W = R(k);
-        if (!W)
+        const F = R(k);
+        if (!F)
           return console.warn(
             `❌ Base channel not found for ID: ${k}, available base channels:`,
-            ((F = f.value) == null ? void 0 : F.map((L) => ({ id: L == null ? void 0 : L.id, name: L == null ? void 0 : L.name }))) || []
+            ((D = f.value) == null ? void 0 : D.map((V) => ({ id: V == null ? void 0 : V.id, name: V == null ? void 0 : V.name }))) || []
           ), o.errors++, null;
-        const D = g(k, _, W);
-        return o.processedChannels++, r.value && o.montageChannels++, D;
-      } catch (W) {
-        return console.error(`❌ Error processing channel ${k}:`, W), o.errors++, null;
+        const B = g(k, _, F);
+        return o.processedChannels++, r.value && o.montageChannels++, B;
+      } catch (F) {
+        return console.error(`❌ Error processing channel ${k}:`, F), o.errors++, null;
       }
     }).filter(Boolean);
     return o.lastProcessingTime = performance.now() - T, C;
@@ -4691,19 +4691,19 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
   }, g = (w, T, C) => {
     let k = T;
     const _ = w;
-    let F = w;
+    let D = w;
     if (r.value) {
-      F = `${w}_${T}`;
-      const D = T.split("<->", 2);
-      D.length === 2 && (k = h(D[0], D[1]), console.log("🎭 Montage display name created:", {
+      D = `${w}_${T}`;
+      const B = T.split("<->", 2);
+      B.length === 2 && (k = h(B[0], B[1]), console.log("🎭 Montage display name created:", {
         originalName: T,
-        channelParts: D,
+        channelParts: B,
         displayName: k
       }));
     }
     return {
       content: {
-        id: F,
+        id: D,
         // ✅ Unique for client-side operations
         serverId: _,
         // ✅ What server provided/expects
@@ -4724,11 +4724,11 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       properties: C.properties || []
     };
   }, y = (w) => {
-    var k, _;
+    var k, _, D;
     if (w === "NOT_MONTAGED")
       return {
         montage: "NOT_MONTAGED",
-        packageId: (k = u.value) == null ? void 0 : k.id,
+        packageId: (_ = (k = u.value) == null ? void 0 : k.content) == null ? void 0 : _.id,
         montageMap: []
       };
     const T = v.value.find((F) => F.name === w);
@@ -4737,7 +4737,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     const C = T.channelPairs.map((F) => F.channels);
     return {
       montage: "CUSTOM_MONTAGE",
-      packageId: (_ = u.value) == null ? void 0 : _.content.id,
+      packageId: (D = u.value) == null ? void 0 : D.content.id,
       montageMap: C
     };
   }, O = (w) => {
@@ -4754,17 +4754,17 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       errors: T
     };
   }, b = (w) => w.sort((T, C) => {
-    const k = T.label || "", _ = C.label || "", F = k.split("<->", 3), W = _.split("<->", 3);
-    if (F.length > 2 || W.length > 2)
+    const k = T.label || "", _ = C.label || "", D = k.split("<->", 3), F = _.split("<->", 3);
+    if (D.length > 2 || F.length > 2)
       return k.localeCompare(_);
-    const D = F[0] || "", L = W[0] || "";
-    if (D === L && F.length > 1 && W.length > 1) {
-      const H = parseFloat(F[1]), z = parseFloat(W[1]);
-      return !isNaN(H) && !isNaN(z) ? H - z : F[1].localeCompare(W[1]);
+    const B = D[0] || "", V = F[0] || "";
+    if (B === V && D.length > 1 && F.length > 1) {
+      const H = parseFloat(D[1]), z = parseFloat(F[1]);
+      return !isNaN(H) && !isNaN(z) ? H - z : D[1].localeCompare(F[1]);
     }
-    return D.localeCompare(L);
+    return B.localeCompare(V);
   }), E = (w, T = 0) => {
-    const C = w.content, k = C.label.split("<->", 3), _ = k[0] || "", F = k.length > 1 ? isNaN(parseFloat(k[1])) ? k[1] : parseFloat(k[1]) : 0;
+    const C = w.content, k = C.label.split("<->", 3), _ = k[0] || "", D = k.length > 1 ? isNaN(parseFloat(k[1])) ? k[1] : parseFloat(k[1]) : 0;
     return {
       id: C.id,
       serverId: C.serverId,
@@ -4773,7 +4773,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       displayName: C.displayName,
       labelParts: k,
       labelPrefix: _,
-      labelValue: F,
+      labelValue: D,
       dataSegments: [],
       rank: T,
       visible: !0,
@@ -4798,10 +4798,10 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       channelType: C = null,
       visible: k = null,
       montageScheme: _ = null,
-      labelPattern: F = null,
-      sampleRate: W = null
+      labelPattern: D = null,
+      sampleRate: F = null
     } = T;
-    return w.filter((D) => !(C && D.type !== C || k !== null && D.visible !== k || _ && D.montageScheme !== _ || F && !new RegExp(F, "i").test(D.label) || W && D.sf !== W));
+    return w.filter((B) => !(C && B.type !== C || k !== null && B.visible !== k || _ && B.montageScheme !== _ || D && !new RegExp(D, "i").test(B.label) || F && B.sf !== F));
   }, M = (w, T = "type") => {
     const C = {};
     return w.forEach((k) => {
@@ -4837,7 +4837,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       currentMontageScheme: c.value,
       availableMontages: ((w = v.value) == null ? void 0 : w.map((T) => T.name)) || []
     };
-  }, V = () => {
+  }, W = () => {
     i.value.clear(), e.value.clear(), Object.assign(o, {
       totalChannels: 0,
       processedChannels: 0,
@@ -4881,7 +4881,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     createVirtualChannel: g,
     // Management
     getProcessingStats: j,
-    clearCaches: V,
+    clearCaches: W,
     batchProcessChannels: N
   };
 };
@@ -4938,19 +4938,19 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     } = useWebSocket(), {
       plotCanvasRef: M,
       blurCanvasRef: j,
-      initializeCanvases: V,
+      initializeCanvases: W,
       renderData: N,
       cpCanvasScaler: w
     } = useCanvasRenderer(), T = ref(1), C = ref(!1), {
       chData: k,
       requestedPages: _,
-      viewData: F,
-      channelsReady: W,
-      autoScale: D,
-      initChannels: L,
+      viewData: D,
+      channelsReady: F,
+      autoScale: B,
+      initChannels: V,
       dataCallback: H,
       invalidate: z,
-      autoScaleViewData: B,
+      autoScaleViewData: L,
       segmIndexOf: K,
       updateCurrentRequestedSamplePeriod: Z,
       currentRequestedSamplePeriod: fe,
@@ -4994,19 +4994,19 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     const _e = () => {
       var A;
       try {
-        if (!W.value) {
+        if (!F.value) {
           console.log("⏳ Render skipped - channels not ready");
           return;
         }
         ce.nrVisibleChannels = ((A = t.value) == null ? void 0 : A.reduce((Y, X) => X.visible ? Y + 1 : Y, 0)) || 0;
         let J = 0, G = 0;
-        if (F.channels.forEach((Y, X) => {
+        if (D.channels.forEach((Y, X) => {
           const $ = Y.blocks || [], Q = $.reduce((ee, te) => ee + (te.nrPoints || 0), 0);
           $.length > 0 && (G++, J += $.length);
         }), G === 0)
           return;
         N(
-          F,
+          D,
           t.value || [],
           u.constants,
           ce,
@@ -5019,7 +5019,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     }, Ee = ref(), xe = () => {
       Ee.value = setInterval(() => {
         var Y, X;
-        if (!W.value) return;
+        if (!F.value) return;
         const A = {
           timestamp: (/* @__PURE__ */ new Date()).toISOString(),
           requestedPagesSize: _.value.size,
@@ -5065,7 +5065,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         A,
         u.start,
         u.duration,
-        F,
+        D,
         _.value,
         u.constants,
         J,
@@ -5105,9 +5105,9 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     }, ie = () => {
       Ce(), _e();
     }, P = () => {
-      Ce(), D.value === 0 ? (D.value--, x()) : _e();
+      Ce(), B.value === 0 ? (B.value--, x()) : _e();
     }, x = () => {
-      const A = B(u.cHeight);
+      const A = L(u.cHeight);
       A && !isNaN(A) && o("setGlobalZoom", A), _e();
     }, p = createThrottle(P, 250, { leading: !1 }), S = createThrottle(() => ie(), 50);
     watch(() => u.rsPeriod, (A, J) => {
@@ -5116,7 +5116,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       z();
     }), watch(() => n.value, (A) => {
       if (s.value && s.value.readyState === 1) {
-        console.log("🔄 Montage changing to:", A), _.value.clear(), we(), z(), ge.value = 0, ae.value = null, qe.value = null, Te.value = null, W.value = !1;
+        console.log("🔄 Montage changing to:", A), _.value.clear(), we(), z(), ge.value = 0, ae.value = null, qe.value = null, Te.value = null, F.value = !1;
         const J = ve(A);
         console.log("📡 Sending montage payload:", J), J && h(J);
       }
@@ -5140,7 +5140,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         }))
       });
       const J = Re(A);
-      L(J, r, Se).then(() => {
+      V(J, r, Se).then(() => {
         z(), ie(), o("channelsInitialized");
       });
     }), I((A) => {
@@ -5197,7 +5197,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       });
     };
     return onMounted(async () => {
-      T.value = 1, V(T.value), q();
+      T.value = 1, W(T.value), q();
     }), onUnmounted(() => {
       clearInterval(Ee.value), _.value.size > 0 && R(), r.resetViewer(), we(), g(), p.cancel && p.cancel(), S.cancel && S.cancel();
     }), c({
@@ -5205,7 +5205,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       invalidate: z,
       throttledDataRender: S,
       sendFilterMessage: m,
-      viewData: F,
+      viewData: D,
       requestedPages: _,
       chData: k,
       viewerChannels: t,
@@ -5260,12 +5260,12 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
   ],
   setup(f, { expose: c, emit: v }) {
     const u = defineAsyncComponent(
-      () => import("./TSAnnotationCanvas-CfyqYTnB.js")
+      () => import("./TSAnnotationCanvas-B0b_EheO.js")
     ), o = f, i = v, e = inject("viewerStore", () => createViewerStore("default"), !0), { viewerChannels: r, viewerAnnotations: t, viewerActiveTool: n, viewerSelectedChannels: d } = storeToRefs(e), s = ref(null), l = ref(null), a = ref(null), h = ref(null), m = ref(null), R = ref(null);
     reactive({});
     const g = ref(0), y = ref(0), O = ref(0), b = ref(1), E = ref(!1), I = ref(!1), M = ref("pointer");
     ref(!1);
-    const j = reactive({ x: 0, y: 0 }), V = ref(0), N = ref(["Event", "Artifact", "Seizure", "Mark", "Stim On", "Stim Off", "Start", "Stop"]), w = ref(0), T = ref(null), C = ref(0), k = ref(!0), _ = () => {
+    const j = reactive({ x: 0, y: 0 }), W = ref(0), N = ref(["Event", "Artifact", "Seizure", "Mark", "Stim On", "Stim Off", "Start", "Stop"]), w = ref(0), T = ref(null), C = ref(0), k = ref(!0), _ = () => {
       if (t.value.length > 0) {
         if (!t.value.some((S) => S.selected)) {
           console.log("No layer selected, selecting first layer:", t.value[0]);
@@ -5276,12 +5276,12 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         console.warn("No annotation layers available - waiting for layers to load"), setTimeout(() => {
           t.value.length > 0 && _();
         }, 500);
-    }, F = (p) => {
+    }, D = (p) => {
       if (console.log("TSViewerCanvas: setActiveTool called with:", p), p) {
-        const S = "set" + p.charAt(0).toUpperCase() + p.slice(1), q = W[S];
+        const S = "set" + p.charAt(0).toUpperCase() + p.slice(1), q = F[S];
         typeof q == "function" && q();
       }
-    }, W = {
+    }, F = {
       setPan: () => {
         console.log("Pan tool activated");
       },
@@ -5291,14 +5291,14 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       setAnnotate: () => {
         console.log("Annotate tool activated"), _();
       }
-    }, D = computed(() => r.value.filter((p) => p.visible).length), L = computed(() => o.cHeight - 20), H = computed(() => o.cWidth + o.constants.CURSOROFFSET);
+    }, B = computed(() => r.value.filter((p) => p.visible).length), V = computed(() => o.cHeight - 20), H = computed(() => o.cWidth + o.constants.CURSOROFFSET);
     computed(() => l.value);
     const z = computed(() => ({
       width: o.cWidth + "px",
       height: o.cHeight + "px"
-    })), B = computed(() => ({
+    })), L = computed(() => ({
       width: o.cWidth + "px",
-      height: L.value + "px"
+      height: V.value + "px"
     })), K = computed(() => ({
       width: H.value + "px",
       height: o.cHeight + "px"
@@ -5318,7 +5318,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         (p = s.value) == null || p.throttledDataRender();
       });
     }), watch(n, (p) => {
-      p && (F(p), !E.value && !["annResize-left", "annResize-right", "annSelect"].includes(M.value) && (M.value = p));
+      p && (D(p), !E.value && !["annResize-left", "annResize-right", "annSelect"].includes(M.value) && (M.value = p));
     }, { immediate: !0 }), watch(t, (p) => {
       p.length > 0 && n.value === "annotate" && _();
     }, { immediate: !0 }), watch(M, () => {
@@ -5410,7 +5410,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
               console.error("No layers available with valid IDs");
               return;
             }
-          const Q = d, ee = Q.length === r.value.length || Q.length === 0, te = (p.clientX - j.x) * g.value, he = V.value + (j.x - R.value.getBoundingClientRect().left) * g.value;
+          const Q = d, ee = Q.length === r.value.length || Q.length === 0, te = (p.clientX - j.x) * g.value, he = W.value + (j.x - R.value.getBoundingClientRect().left) * g.value;
           if (console.log("Creating annotation with:", {
             startTime: he,
             duration: te,
@@ -5452,7 +5452,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       R.value.getContext("2d").clearRect(0, 0, o.cWidth, o.cHeight);
     }, ve = (p) => {
       var q;
-      console.log("TSViewerCanvas: _onMouseDown called with pointerMode:", M.value, "viewerActiveTool:", n.value), E.value = !0, V.value = o.start;
+      console.log("TSViewerCanvas: _onMouseDown called with pointerMode:", M.value, "viewerActiveTool:", n.value), E.value = !0, W.value = o.start;
       const S = R.value.getBoundingClientRect();
       switch (j.x = p.clientX, j.y = p.clientY, n.value === "annotate" && !["annResize-left", "annResize-right", "annSelect"].includes(M.value) && (console.log("Setting pointerMode to annotate for annotation creation"), M.value = "annotate"), M.value) {
         case "annResize-left":
@@ -5471,7 +5471,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       switch (n.value) {
         case "pan":
           if (E.value) {
-            const $ = V.value - (p.clientX - j.x) * g.value;
+            const $ = W.value - (p.clientX - j.x) * g.value;
             i("setStart", $);
           } else {
             const $ = (J = m.value) == null ? void 0 : J.onMouseMove(A, q, M.value, E.value);
@@ -5526,19 +5526,19 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       });
     }, ke = () => {
       const S = l.value.getContext("2d");
-      S.setTransform(b.value, 0, 0, b.value, 0, 0), S.clearRect(0, 0, o.cWidth, o.cHeight), S.stroke(), S.beginPath(), S.lineWidth = 1, S.moveTo(o.constants.XOFFSET + 0.5, 0.5), S.lineTo(o.constants.XOFFSET + 0.5, L.value + 0.5), S.lineTo(o.cWidth + 0.5, L.value + 0.5), S.stroke();
-      let q = L.value / (2 * D.value) + 0.5 << 1 >> 1;
+      S.setTransform(b.value, 0, 0, b.value, 0, 0), S.clearRect(0, 0, o.cWidth, o.cHeight), S.stroke(), S.beginPath(), S.lineWidth = 1, S.moveTo(o.constants.XOFFSET + 0.5, 0.5), S.lineTo(o.constants.XOFFSET + 0.5, V.value + 0.5), S.lineTo(o.cWidth + 0.5, V.value + 0.5), S.stroke();
+      let q = V.value / (2 * B.value) + 0.5 << 1 >> 1;
       S.lineWidth = 0.5;
-      for (let X = 0; X < D.value; X++)
-        S.beginPath(), S.moveTo(o.constants.XOFFSET - 2, q), S.lineTo(o.constants.XOFFSET + 2, q), S.stroke(), q += L.value / D.value;
+      for (let X = 0; X < B.value; X++)
+        S.beginPath(), S.moveTo(o.constants.XOFFSET - 2, q), S.lineTo(o.constants.XOFFSET + 2, q), S.stroke(), q += V.value / B.value;
       const A = o.constants.XGRIDSPACING * Math.ceil(o.duration / 1e8), J = Math.ceil(o.duration / A) + 1, G = Math.ceil(o.constants.NRPXPERLABEL / (A / g.value)), Y = (A - o.start % A) % A;
       for (let X = 0; X < J; X++) {
         let $ = o.start + Y + X * A;
         if ($ > o.tsEnd)
           break;
         const Q = $ - o.start, ee = o.constants.XOFFSET + Q / g.value, te = Math.round(ee);
-        if (te > 1 && (S.save(), S.beginPath(), S.lineWidth = 0.5, S.strokeStyle = "rgb(235,235,235)", S.moveTo(te + 0.5, 0.5), S.lineTo(te + 0.5, L.value - 0.5), S.stroke(), S.restore(), (($ / A + A / 10) % G | 0) === 1 || G === 1)) {
-          S.beginPath(), S.lineWidth = 1, S.moveTo(te + 0.5, L.value - 3), S.lineTo(te + 0.5, L.value + 3), S.stroke();
+        if (te > 1 && (S.save(), S.beginPath(), S.lineWidth = 0.5, S.strokeStyle = "rgb(235,235,235)", S.moveTo(te + 0.5, 0.5), S.lineTo(te + 0.5, V.value - 0.5), S.stroke(), S.restore(), (($ / A + A / 10) % G | 0) === 1 || G === 1)) {
+          S.beginPath(), S.lineWidth = 1, S.moveTo(te + 0.5, V.value - 3), S.lineTo(te + 0.5, V.value + 3), S.stroke();
           const re = new Date($ / 1e3);
           S.font = "12px sans-serif", S.fillStyle = "rgb(150,150,150)", S.fillText(P(re), te - 20.5, o.cHeight - 0.2);
         }
@@ -5552,7 +5552,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       const S = h.value.getContext("2d");
       S.setTransform(b.value, 0, 0, b.value, 0, 0), S.clearRect(0, 0, o.cWidth + o.constants.CURSOROFFSET, o.cHeight), S.save(), S.beginPath(), S.fillStyle = "red";
       const q = o.cursorLoc * o.cWidth;
-      q > o.constants.CURSOROFFSET ? (S.strokeStyle = "red", S.moveTo(q, 0), S.lineTo(q, L.value), S.stroke()) : S.moveTo(q, L.value), S.beginPath(), S.lineTo(q - 5, L.value + 8), S.lineTo(q + 5, L.value + 8), S.lineTo(q, L.value), S.fill(), S.restore();
+      q > o.constants.CURSOROFFSET ? (S.strokeStyle = "red", S.moveTo(q, 0), S.lineTo(q, V.value), S.stroke()) : S.moveTo(q, V.value), S.beginPath(), S.lineTo(q - 5, V.value + 8), S.lineTo(q + 5, V.value + 8), S.lineTo(q, V.value), S.fill(), S.restore();
     }, xe = (p) => {
       const S = R.value, q = S.getContext("2d");
       q.setTransform(b.value, 0, 0, b.value, 0, 0);
@@ -5568,9 +5568,9 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       q.save(), q.clearRect(0, 0, o.cWidth, o.cHeight), q.lineWidth = 1;
       const Y = selectedChannels.length === r.value.length || selectedChannels.length === 0, X = p - S.getBoundingClientRect().left, $ = -p + j.x;
       if (Y) {
-        q.fillStyle = "rgba(0,0,0,0.1)", q.fillRect(X, 0, $, L.value), q.fillStyle = t.value[G].color, q.strokeStyle = q.fillStyle;
+        q.fillStyle = "rgba(0,0,0,0.1)", q.fillRect(X, 0, $, V.value), q.fillStyle = t.value[G].color, q.strokeStyle = q.fillStyle;
         let Q = X - 1, ee = $ + 2;
-        $ < 0 && (Q = X + 1, ee = $ - 2), q.fillRect(Q, 0, ee, A), q.setLineDash([5, 5, 5, 5]), q.beginPath(), q.moveTo(X, A), q.lineTo(X, L.value), q.stroke(), q.beginPath(), q.moveTo(X + $, A), q.lineTo(X + $, L.value), q.stroke();
+        $ < 0 && (Q = X + 1, ee = $ - 2), q.fillRect(Q, 0, ee, A), q.setLineDash([5, 5, 5, 5]), q.beginPath(), q.moveTo(X, A), q.lineTo(X, V.value), q.stroke(), q.beginPath(), q.moveTo(X + $, A), q.lineTo(X + $, V.value), q.stroke();
       } else {
         let Q = o.cHeight | 0, ee = 0;
         const te = r.value;
@@ -5660,7 +5660,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       getNextAnnotation: U,
       getPreviousAnnotation: ne,
       setFilters: x,
-      setActiveTool: F,
+      setActiveTool: D,
       renderAll: be,
       renderAnnotationCanvas: Ae,
       initViewerCanvas: Ce
@@ -5700,8 +5700,8 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
               ref: a,
               class: "canvas",
               width: ye(f.cWidth, b.value, 0),
-              height: ye(L.value, b.value, 0),
-              style: normalizeStyle(B.value)
+              height: ye(V.value, b.value, 0),
+              style: normalizeStyle(L.value)
             }, null, 12, _hoisted_4)
           ]),
           _: 1