@pennsieve-viz/tsviewer 1.0.0 → 1.0.1

package/dist/{TSViewerCanvas-DkKV70m8.js → TSViewerCanvas-DjV4CQ2G.js}

@@ -1,6 +1,7 @@
 import { ref, onUnmounted, readonly, reactive, computed, watch, onMounted, createElementBlock, openBlock, createElementVNode, renderSlot, normalizeStyle, defineAsyncComponent, nextTick, createVNode, withCtx, unref } from "vue";
 import { storeToRefs } from "pinia";
-import { n as nth, b as _curry2, d as _xfBase, l as _reduced, e as _dispatchable, h as useToken, p as propOr, g as _export_sfc, u as useViewerStore, m as propEq } from "./index-Cexzl5Xu.js";
+import { n as nth, b as _curry2, d as _xfBase, l as _reduced, e as _dispatchable, h as useToken, p as propOr, g as _export_sfc, u as useViewerStore, m as propEq } from "./index-D41jNOo7.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DaMA6jEr.js";
 var head = /* @__PURE__ */ nth(0), XFind = /* @__PURE__ */ (function() {
   function f(c, v) {
     this.xf = v, this.f = c, this.found = !1;
@@ -20,11 +21,7 @@ var head = /* @__PURE__ */ nth(0), XFind = /* @__PURE__ */ (function() {
       u += 1;
     }
   })
-), commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function getDefaultExportFromCjs(f) {
-  return f && f.__esModule && Object.prototype.hasOwnProperty.call(f, "default") ? f.default : f;
-}
-var src = { exports: {} }, indexLight = { exports: {} }, indexMinimal = {}, minimal = {}, aspromise, hasRequiredAspromise;
+), src = { exports: {} }, indexLight = { exports: {} }, indexMinimal = {}, minimal = {}, aspromise, hasRequiredAspromise;
 function requireAspromise() {
   if (hasRequiredAspromise) return aspromise;
   hasRequiredAspromise = 1, aspromise = f;
@@ -1797,19 +1794,19 @@ function requireType() {
   return m.fromJSON = function(y, O) {
     var b = new m(y, O.options);
     b.extensions = O.extensions, b.reserved = O.reserved;
-    for (var k = Object.keys(O.fields), M = 0; M < k.length; ++M)
+    for (var k = Object.keys(O.fields), I = 0; I < k.length; ++I)
       b.add(
-        (typeof O.fields[k[M]].keyType < "u" ? o.fromJSON : u.fromJSON)(k[M], O.fields[k[M]])
+        (typeof O.fields[k[I]].keyType < "u" ? o.fromJSON : u.fromJSON)(k[I], O.fields[k[I]])
       );
     if (O.oneofs)
-      for (k = Object.keys(O.oneofs), M = 0; M < k.length; ++M)
-        b.add(v.fromJSON(k[M], O.oneofs[k[M]]));
+      for (k = Object.keys(O.oneofs), I = 0; I < k.length; ++I)
+        b.add(v.fromJSON(k[I], O.oneofs[k[I]]));
     if (O.nested)
-      for (k = Object.keys(O.nested), M = 0; M < k.length; ++M) {
-        var F = O.nested[k[M]];
+      for (k = Object.keys(O.nested), I = 0; I < k.length; ++I) {
+        var M = O.nested[k[I]];
         b.add(
           // most to least likely
-          (F.id !== void 0 ? u.fromJSON : F.fields !== void 0 ? m.fromJSON : F.values !== void 0 ? c.fromJSON : F.methods !== void 0 ? i.fromJSON : f.fromJSON)(k[M], F)
+          (M.id !== void 0 ? u.fromJSON : M.fields !== void 0 ? m.fromJSON : M.values !== void 0 ? c.fromJSON : M.methods !== void 0 ? i.fromJSON : f.fromJSON)(k[I], M)
         );
       }
     return O.extensions && O.extensions.length && (b.extensions = O.extensions), O.reserved && O.reserved.length && (b.reserved = O.reserved), O.group && (b.group = !0), O.comment && (b.comment = O.comment), O.edition && (b._edition = O.edition), b._defaultEdition = "proto3", b;
@@ -1912,8 +1909,8 @@ function requireType() {
     });
     var k = h[y];
     if (k) {
-      var M = Object.create(this);
-      M.fromObject = this.fromObject, this.fromObject = k.fromObject.bind(M), M.toObject = this.toObject, this.toObject = k.toObject.bind(M);
+      var I = Object.create(this);
+      I.fromObject = this.fromObject, this.fromObject = k.fromObject.bind(I), I.toObject = this.toObject, this.toObject = k.toObject.bind(I);
     }
     return this;
   }, m.prototype.encode = function(y, O) {
@@ -1991,13 +1988,13 @@ function requireRoot() {
       } catch (A) {
         y(A);
       }
-      !g && !M && y(null, R);
+      !g && !I && y(null, R);
     }
     function k(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]) : (++M, setTimeout(function() {
-            --M, b(W, r[W]);
+          g ? b(W, r[W]) : (++I, setTimeout(function() {
+            --I, b(W, r[W]);
           }));
           return;
         }
@@ -2011,10 +2008,10 @@ function requireRoot() {
           }
           b(W, w);
         } else
-          ++M, R.fetch(W, function(E, x) {
-            if (--M, !!m) {
+          ++I, R.fetch(W, function(E, x) {
+            if (--I, !!m) {
               if (E) {
-                N ? M || y(null, R) : y(E);
+                N ? I || y(null, R) : y(E);
                 return;
               }
               b(W, x);
@@ -2022,11 +2019,11 @@ function requireRoot() {
           });
       }
     }
-    var M = 0;
+    var I = 0;
     o.isString(a) && (a = [a]);
-    for (var F = 0, j; F < a.length; ++F)
-      (j = R.resolvePath("", a[F])) && k(j);
-    return g ? (R.resolveAll(), R) : (M || y(null, R), R);
+    for (var M = 0, j; M < a.length; ++M)
+      (j = R.resolvePath("", a[M])) && k(j);
+    return g ? (R.resolveAll(), R) : (I || y(null, R), R);
   }, t.prototype.loadSync = function(a, h) {
     if (!o.isNode)
       throw Error("not supported");
@@ -2765,15 +2762,15 @@ function requireTokenize() {
     function k() {
       var _ = O === "'" ? v : c;
       _.lastIndex = a - 1;
-      var I = _.exec(s);
-      if (!I)
+      var F = _.exec(s);
+      if (!F)
         throw b("string");
-      return a = _.lastIndex, w(O), O = null, n(I[1]);
+      return a = _.lastIndex, w(O), O = null, n(F[1]);
     }
-    function M(_) {
+    function I(_) {
       return s.charAt(_);
     }
-    function F(_, I, L) {
+    function M(_, F, L) {
       var D = {
         type: s.charAt(_++),
         lineEmpty: !1,
@@ -2788,38 +2785,38 @@ function requireTokenize() {
           break;
         }
       while (z === " " || z === "	");
-      for (var V = s.substring(_, I).split(i), K = 0; K < V.length; ++K)
+      for (var V = s.substring(_, F).split(i), K = 0; K < V.length; ++K)
         V[K] = V[K].replace(l ? o : u, "").trim();
       D.text = V.join(`
 `).trim(), g[m] = D, R = m;
     }
     function j(_) {
-      var I = W(_), L = s.substring(_, I), D = /^\s*\/\//.test(L);
+      var F = W(_), L = s.substring(_, F), D = /^\s*\/\//.test(L);
       return D;
     }
     function W(_) {
-      for (var I = _; I < h && M(I) !== `
+      for (var F = _; F < h && I(F) !== `
 `; )
-        I++;
-      return I;
+        F++;
+      return F;
     }
     function N() {
       if (y.length > 0)
         return y.shift();
       if (O)
         return k();
-      var _, I, L, D, B, J = a === 0;
+      var _, F, L, D, B, J = a === 0;
       do {
         if (a === h)
           return null;
-        for (_ = !1; e.test(L = M(a)); )
+        for (_ = !1; e.test(L = I(a)); )
           if (L === `
 ` && (J = !0, ++m), ++a === h)
             return null;
-        if (M(a) === "/") {
+        if (I(a) === "/") {
           if (++a === h)
             throw b("comment");
-          if (M(a) === "/")
+          if (I(a) === "/")
             if (l) {
               if (D = a, B = !1, j(a - 1)) {
                 B = !0;
@@ -2829,32 +2826,32 @@ function requireTokenize() {
                 while (j(a));
               } else
                 a = Math.min(h, W(a) + 1);
-              B && (F(D, a, J), J = !0), m++, _ = !0;
+              B && (M(D, a, J), J = !0), m++, _ = !0;
             } else {
-              for (B = M(D = a + 1) === "/"; M(++a) !== `
+              for (B = I(D = a + 1) === "/"; I(++a) !== `
 `; )
                 if (a === h)
                   return null;
-              ++a, B && (F(D, a - 1, J), J = !0), ++m, _ = !0;
+              ++a, B && (M(D, a - 1, J), J = !0), ++m, _ = !0;
             }
-          else if ((L = M(a)) === "*") {
-            D = a + 1, B = l || M(D) === "*";
+          else if ((L = I(a)) === "*") {
+            D = a + 1, B = l || I(D) === "*";
             do {
               if (L === `
 ` && ++m, ++a === h)
                 throw b("comment");
-              I = L, L = M(a);
-            } while (I !== "*" || L !== "/");
-            ++a, B && (F(D, a - 2, J), J = !0), _ = !0;
+              F = L, L = I(a);
+            } while (F !== "*" || L !== "/");
+            ++a, B && (M(D, a - 2, J), J = !0), _ = !0;
           } else
             return "/";
         }
       } while (_);
       var z = a;
       f.lastIndex = 0;
-      var V = f.test(M(z++));
+      var V = f.test(I(z++));
       if (!V)
-        for (; z < h && !f.test(M(z)); )
+        for (; z < h && !f.test(I(z)); )
           ++z;
       var K = s.substring(a, a = z);
       return (K === '"' || K === "'") && (O = K), K;
@@ -2871,17 +2868,17 @@ function requireTokenize() {
       }
       return y[0];
     }
-    function x(_, I) {
+    function x(_, F) {
       var L = E(), D = L === _;
       if (D)
         return N(), !0;
-      if (!I)
+      if (!F)
         throw b("token '" + L + "', '" + _ + "' expected");
       return !1;
     }
     function A(_) {
-      var I = null, L;
-      return _ === void 0 ? (L = g[m - 1], delete g[m - 1], L && (l || L.type === "*" || L.lineEmpty) && (I = L.leading ? L.text : null)) : (R < _ && E(), L = g[_], delete g[_], L && !L.lineEmpty && (l || L.type === "/") && (I = L.leading ? null : L.text)), I;
+      var F = null, L;
+      return _ === void 0 ? (L = g[m - 1], delete g[m - 1], L && (l || L.type === "*" || L.lineEmpty) && (F = L.leading ? L.text : null)) : (R < _ && E(), L = g[_], delete g[_], L && !L.lineEmpty && (l || L.type === "/") && (F = L.leading ? null : L.text)), F;
     }
     return Object.defineProperty({
       next: N,
@@ -2902,9 +2899,9 @@ function requireParse() {
   if (hasRequiredParse) return parse_1;
   hasRequiredParse = 1, parse_1 = k, k.filename = null, k.defaults = { keepCase: !1 };
   var f = requireTokenize(), c = requireRoot(), v = requireType(), u = requireField(), o = requireMapfield(), i = requireOneof(), e = require_enum(), r = requireService(), t = requireMethod(), n = requireObject(), d = requireTypes(), s = requireUtil(), l = /^[1-9][0-9]*$/, a = /^-?[1-9][0-9]*$/, h = /^0[x][0-9a-fA-F]+$/, m = /^-?0[x][0-9a-fA-F]+$/, R = /^0[0-7]+$/, g = /^-?0[0-7]+$/, y = /^(?![eE])[0-9]*(?:\.[0-9]*)?(?:[eE][+-]?[0-9]+)?$/, O = /^[a-zA-Z_][a-zA-Z_0-9]*$/, b = /^(?:\.?[a-zA-Z_][a-zA-Z_0-9]*)(?:\.[a-zA-Z_][a-zA-Z_0-9]*)*$/;
-  function k(M, F, j) {
-    F instanceof c || (j = F, F = new c()), j || (j = k.defaults);
-    var W = j.preferTrailingComment || !1, N = f(M, j.alternateCommentMode || !1), w = N.next, E = N.push, x = N.peek, A = N.skip, _ = N.cmnt, I = !0, L, D, B, J = "proto2", z = F, V = [], K = {}, X = j.keepCase ? function(P) {
+  function k(I, M, j) {
+    M instanceof c || (j = M, M = new c()), j || (j = k.defaults);
+    var W = j.preferTrailingComment || !1, N = f(I, j.alternateCommentMode || !1), w = N.next, E = N.push, x = N.peek, A = N.skip, _ = N.cmnt, F = !0, L, D, B, J = "proto2", z = M, V = [], K = {}, X = j.keepCase ? function(P) {
       return P;
     } : s.camelCase;
     function ce() {
@@ -3386,22 +3383,22 @@ function requireParse() {
     for (var ie; (ie = w()) !== null; )
       switch (ie) {
         case "package":
-          if (!I)
+          if (!F)
             throw U(ie);
           oe();
           break;
         case "import":
-          if (!I)
+          if (!F)
             throw U(ie);
           he();
           break;
         case "syntax":
-          if (!I)
+          if (!F)
             throw U(ie);
           be();
           break;
         case "edition":
-          if (!I)
+          if (!F)
             throw U(ie);
           Se();
           break;
@@ -3410,7 +3407,7 @@ function requireParse() {
           break;
         default:
           if (Re(z, ie)) {
-            I = !1;
+            F = !1;
             continue;
           }
           throw U(ie);
@@ -3419,7 +3416,7 @@ function requireParse() {
       package: L,
       imports: D,
       weakImports: B,
-      root: F
+      root: M
     };
   }
   return parse_1;
@@ -3816,13 +3813,13 @@ 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 = (_, I = 2e3) => new Promise((L) => {
+  const h = (_, F = 2e3) => new Promise((L) => {
     if (!_ || _.readyState === WebSocket.CLOSED) {
       L();
       return;
     }
     const D = Date.now(), B = () => {
-      _.readyState === WebSocket.CLOSED || Date.now() - D > I ? L() : setTimeout(B, 50);
+      _.readyState === WebSocket.CLOSED || Date.now() - D > F ? L() : setTimeout(B, 50);
     };
     B();
   }), m = async () => {
@@ -3831,12 +3828,12 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       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 (_, I, L) => {
+  }, R = async (_, F, L) => {
     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((B) => setTimeout(B, 100)));
     }
-    console.log("setting packageId to: " + I), s = I, v.value = !0, a = new Promise(async (D, B) => {
+    console.log("setting packageId to: " + F), s = F, v.value = !0, a = new Promise(async (D, B) => {
       try {
         const J = L || await useToken(), z = _ + "?session=" + J + "&package=" + s, V = new WebSocket(z);
         f.value = V, V.onopen = () => {
@@ -3879,8 +3876,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       L.channelDetails ? t == null || t(L.channelDetails) : L.error && (n == null || n(L));
       return;
     }
-    const I = new FileReader();
-    I.addEventListener("loadend", function(L) {
+    const F = new FileReader();
+    F.addEventListener("loadend", function(L) {
       const D = L.target.result, B = new Uint8Array(D), J = i.decode(B), z = J.segment;
       if (J.event && J.event.length > 0 && J.event[0].pageStart) {
         const V = J.event[0], K = [[], []], X = V.times.length / 2;
@@ -3970,20 +3967,20 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           type: "gap"
         });
       }
-    }), I.readAsArrayBuffer(_.data);
+    }), F.readAsArrayBuffer(_.data);
   }, b = (_) => f.value && f.value.readyState === 1 ? (f.value.send(JSON.stringify(_)), !0) : !1, k = (_) => {
-    let I;
+    let F;
     switch (_) {
       case "NOT_MONTAGED":
-        I = { montage: "NOT_MONTAGED", packageId: s };
+        F = { montage: "NOT_MONTAGED", packageId: s };
         break;
       default:
-        I = { montage: "CUSTOM_MONTAGE", packageId: s, montageMap: _ };
+        F = { montage: "CUSTOM_MONTAGE", packageId: s, montageMap: _ };
     }
-    b(I);
-  }, M = (_) => {
-    f.value && f.value.readyState === 1 ? f.value.send(JSON.stringify(_)) : setTimeout(() => M(_), 200);
-  }, F = () => {
+    b(F);
+  }, I = (_) => {
+    f.value && f.value.readyState === 1 ? f.value.send(JSON.stringify(_)) : setTimeout(() => I(_), 200);
+  }, M = () => {
     if (f.value && f.value.readyState === 1) {
       const _ = {
         requestType: "DumpBufferRequest"
@@ -4016,8 +4013,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     openWebsocket: R,
     send: b,
     sendMontageMessage: k,
-    sendFilterMessage: M,
-    sendDumpBufferRequest: F,
+    sendFilterMessage: I,
+    sendDumpBufferRequest: M,
     disconnect: m,
     setClearChannelsCallback: E,
     setPackageId: x,
@@ -4059,18 +4056,18 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         let k = null;
         if (k = t.find((_) => _.id === b.id), !k || !k.visible)
           continue;
-        const M = d.start, F = d.rsPeriod, j = n.XOFFSET, W = 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; _ < k.dataSegments.length; _ += 2) {
-          if (k.dataSegments[_ + 1] < M) {
+          if (k.dataSegments[_ + 1] < I) {
             console.log("skipping something");
             continue;
           }
-          if (k.dataSegments[_] > M + d.duration) {
+          if (k.dataSegments[_] > I + d.duration) {
             console.log("breaking something");
             break;
           }
-          let I = Math.floor(j + (k.dataSegments[_] - M) / F), L = Math.floor(j + (k.dataSegments[_ + 1] - M) / F), D = Math.floor(k.rowBaseline - W / 2);
-          m.fillRect(I, D, L - I, W);
+          let F = Math.floor(j + (k.dataSegments[_] - I) / M), L = Math.floor(j + (k.dataSegments[_ + 1] - I) / M), D = Math.floor(k.rowBaseline - W / 2);
+          m.fillRect(F, D, L - F, W);
         }
         e(k, b, d, n, s, a);
         const N = b.blocks.length;
@@ -4078,18 +4075,18 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         N && (w = b.blocks[0].type), k.hover ? k.selected ? (g.strokeStyle = "rgba(39,96,255,0.70)", g.fillStyle = "rgba(39,96,255,0.70)") : (g.strokeStyle = "rgba(39,96,255,0.60)", g.fillStyle = "rgba(39,96,255,0.60)") : k.selected ? (g.strokeStyle = "rgb(249,162,58)", g.fillStyle = "rgb(3249,162,58)") : w === "Neural" ? g.strokeStyle = "rgb(249,162,58)" : (g.strokeStyle = "black", g.fillStyle = "black");
         let E = null, x = !0, A = 1e6 * (1 / k.sf);
         for (let _ = 0; _ < N; _++) {
-          const I = b.blocks[_];
-          if (I.nrPoints === 0) {
+          const F = b.blocks[_];
+          if (F.nrPoints === 0) {
             console.log("zero points");
             continue;
           }
-          const L = I.cData, D = I.nrPoints, B = L[0], J = L[1], z = L[2];
-          let V = I.renderStartIndex, K = I.renderEndIndex;
-          switch (m.clearRect(Math.floor(B[V]), Math.floor(k.rowBaseline - W / 2), Math.ceil(B[K] - B[V] + 2), W + 1), I.type) {
+          const L = F.cData, D = F.nrPoints, B = L[0], J = L[1], z = L[2];
+          let V = F.renderStartIndex, K = F.renderEndIndex;
+          switch (m.clearRect(Math.floor(B[V]), Math.floor(k.rowBaseline - W / 2), Math.ceil(B[K] - B[V] + 2), W + 1), F.type) {
             case "Continuous":
             case "realtime":
-              if (I.isMinMax) {
-                if (I.samplePeriod / A < 3 && (x = !1), x) {
+              if (F.isMinMax) {
+                if (F.samplePeriod / A < 3 && (x = !1), x) {
                   g.beginPath(), _ > 0 && B[V] < E.x + 3 ? g.moveTo(E.x, E.y) : g.moveTo(B[V], J[V]);
                   for (let X = V; X < K + 1; X++)
                     g.lineTo(B[X], J[X]);
@@ -4149,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, k = g[0], M = g[1], F = g[2], j = y[0], W = r.rowBaseline | 0, N = n.start, w = n.rsPeriod, E = 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, k = g[0], I = g[1], M = g[2], j = y[0], W = r.rowBaseline | 0, N = n.start, w = n.rsPeriod, E = n.cHeight / (2 * (n.nrVisibleChannels + 1)) | 0;
             for (let x = 0; x < b; x++)
-              k[x] = O + (j[x] - N) / w, M[x] = W - E, F[x] = W + E;
+              k[x] = O + (j[x] - N) / w, I[x] = W - E, M[x] = W + E;
           }
         break;
       case "CONTINUOUS":
@@ -4169,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, k = s * r.rowScale, M = d.XOFFSET, F = R.parsedData[0].length, j = O[0], W = O[1], N = O[2], w = b[0], E = b[1], x = b[2], A = r.rowBaseline;
+          const O = R.cData, b = R.parsedData, k = s * r.rowScale, I = d.XOFFSET, M = R.parsedData[0].length, j = O[0], W = O[1], N = O[2], w = b[0], E = b[1], x = b[2], A = r.rowBaseline;
           let _ = 0;
           d.USEMEDIAN ? _ = t.median : _ = t.mean;
-          const I = n.rsPeriod, L = n.start;
-          for (let D = 0; D < F; D++)
-            j[D] = M + (w[D] - L) / I, W[D] = A - (E[D] - _) * k, R.isMinMax && (E[D] === x[D] ? N[D] = W[D] + 1 : N[D] = A - (x[D] - _) * k);
+          const F = n.rsPeriod, L = n.start;
+          for (let D = 0; D < M; D++)
+            j[D] = I + (w[D] - L) / F, W[D] = A - (E[D] - _) * k, R.isMinMax && (E[D] === x[D] ? N[D] = W[D] + 1 : N[D] = A - (x[D] - _) * k);
         }
         break;
     }
@@ -4193,25 +4190,25 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     start: 0,
     duration: 0,
     channels: []
-  }), u = ref(!1), o = ref(0), i = ref(null), e = ref(1), r = 15e6, t = 3, n = (b, k, M, F) => {
-    F || (F = 0);
-    let j = d(b, k, F, b.length - 1, M);
+  }), u = ref(!1), o = ref(0), i = ref(null), e = ref(1), r = 15e6, t = 3, n = (b, k, I, M) => {
+    M || (M = 0);
+    let j = d(b, k, M, b.length - 1, I);
     return j === -1 ? j = 0 : j < 0 && (j = -j - 2), j;
-  }, d = (b, k, M, F, j) => {
-    if (F < M) {
+  }, d = (b, k, I, M, j) => {
+    if (M < I) {
       let N;
-      if (F >= 0 ? N = F : N = -F - 2, N === -1)
+      if (M >= 0 ? N = M : N = -M - 2, N === -1)
         return N;
       const w = b[N].pageStart;
       for (; N >= 0 && b[N].pageStart === w; )
         N--;
       return N++, -N - 2;
     }
-    const W = parseInt((M + F) / 2);
+    const W = parseInt((I + M) / 2);
     if (b[W].pageStart > k)
-      return d(b, k, M, W - 1, j);
+      return d(b, k, I, W - 1, j);
     if (b[W].pageStart < k)
-      return d(b, k, W + 1, F, j);
+      return d(b, k, W + 1, M, j);
     {
       let N = W;
       if (j) {
@@ -4225,15 +4222,15 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       }
       return N;
     }
-  }, s = (b, k, M) => {
+  }, s = (b, k, I) => {
     if (!b)
       return Promise.resolve();
-    const F = [];
+    const M = [];
     if (b.length > 0) {
       const j = [];
       for (let W = 0; W < b.length; W++) {
         const N = b[W].content, E = {
-          id: M ? M(N) : N.id,
+          id: I ? I(N) : N.id,
           serverId: N.serverId,
           label: N.name,
           displayName: N.displayName,
@@ -4270,34 +4267,34 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
           filter: {},
           hideFilter: !0,
           isEditing: !1
-        }), F.push(E);
+        }), M.push(E);
       }
       k && k.setChannels(j);
     }
-    return l(F), f.value = F, o.value = b.length, u.value = !0, Promise.resolve();
+    return l(M), f.value = M, o.value = b.length, u.value = !0, Promise.resolve();
   }, l = (b) => {
-    var k, M;
+    var k, I;
     if (b.length === 0) {
       i.value = null;
       return;
     }
-    i.value = ((M = (k = b[0]) == null ? void 0 : k.gaps) == null ? void 0 : M[0]) || null;
+    i.value = ((I = (k = b[0]) == null ? void 0 : k.gaps) == null ? void 0 : I[0]) || null;
   }, a = (b) => {
     let k = null;
-    const M = b.data.chId || b.data.source, F = b.data.label || b.data.name;
+    const I = b.data.chId || b.data.source, M = b.data.label || b.data.name;
     if (k = f.value.find(
-      (j) => j.serverId === M && j.label === F
+      (j) => j.serverId === I && j.label === M
     ), !k) {
       console.error("❌ NO EXACT MATCH - rejecting to prevent data corruption:", {
-        serverResponseId: M,
-        serverResponseName: F,
+        serverResponseId: I,
+        serverResponseName: M,
         availableChannels: f.value.map((j) => ({
           id: j.id,
           serverId: j.serverId,
           label: j.label,
           matches: {
-            serverId: j.serverId === M,
-            label: j.label === F
+            serverId: j.serverId === I,
+            label: j.label === M
           }
         }))
       });
@@ -4341,22 +4338,22 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     for (let b = 0; b < v.channels.length; b++)
       v.channels[b].blocks = [];
   }, m = (b) => {
-    let k = 0, M = 0, F = v.channels;
-    for (let W = 0; W < F.length; W++) {
-      let N = F[W].blocks;
+    let k = 0, I = 0, M = v.channels;
+    for (let W = 0; W < M.length; W++) {
+      let N = M[W].blocks;
       for (let w = 0; w < N.length; w++)
-        N[w].type === "Continuous" && (k += R(N[w].parsedData[1]), M++);
+        N[w].type === "Continuous" && (k += R(N[w].parsedData[1]), I++);
     }
-    const j = k / M;
-    return !isNaN(j) && b ? b / F.length / (2 * j) : 1;
+    const j = k / I;
+    return !isNaN(j) && b ? b / M.length / (2 * j) : 1;
   }, R = (b) => {
-    const k = g(b), M = b.map(function(W) {
+    const k = g(b), I = b.map(function(W) {
       const N = W - k;
       return N * N;
-    }), F = g(M);
-    return Math.sqrt(F);
-  }, g = (b) => b.reduce(function(F, j) {
-    return F + j;
+    }), M = g(I);
+    return Math.sqrt(M);
+  }, g = (b) => b.reduce(function(M, j) {
+    return M + j;
   }, 0) / b.length;
   return {
     // State
@@ -4390,18 +4387,18 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
   let r = null;
   const t = (y, O) => {
     r = function() {
-      var k, M;
+      var k, I;
       if (c.value.length > 0) {
         const j = ((k = O.value) == null ? void 0 : k.size) || 0;
         j < 5 ? y([c.value[0]]) ? c.value.splice(0, 1) : (console.warn("❌ Prefetch request failed"), clearInterval(v.value), u.value = !1) : console.log("🚫 Prefetch blocked - too many pending pages:", {
           current: j,
           max: 5,
-          pendingPageStarts: Array.from(((M = O.value) == null ? void 0 : M.keys()) || [])
+          pendingPageStarts: Array.from(((I = O.value) == null ? void 0 : I.keys()) || [])
         });
       } else
         console.log("✅ No more prefetch requests, stopping prefetch timer"), clearInterval(v.value), u.value = !1;
     };
-  }, n = (y, O, b, k, M, F, j, W, N, w) => {
+  }, n = (y, O, b, k, I, M, j, W, N, w) => {
     k.start = O, k.duration = b;
     const E = [];
     for (let x = 0; x < k.channels.length; x++) {
@@ -4418,8 +4415,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         blocks: []
       });
     }
-    return d(y, O, b, k, M, F, j, W, N, w);
-  }, d = (y, O, b, k, M, F, j, W, N, w) => {
+    return d(y, O, b, k, I, M, j, W, N, w);
+  }, d = (y, O, b, k, I, M, j, W, N, w) => {
     f.value = [];
     let x = !1;
     (i.value !== O || e.value !== b) && (c.value = [], x = !0), i.value = O, e.value = b;
@@ -4427,7 +4424,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     for (let _ = 0; _ < k.channels.length; _++)
       A.push(k.channels[_]);
     for (let _ = 0; _ < y.length; _++) {
-      let I = !1;
+      let F = !1;
       const L = y[_], D = L.segments, B = w ? w(L) : L.id, J = A.findIndex((ne) => (w ? w(ne) : ne.id) === B);
       if (J === -1)
         continue;
@@ -4439,19 +4436,19 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       V < 0 && (V = 0);
       let K = 0, X = 0;
       D.length > 0 && (K = N(D, V, !0, 0));
-      let ce = O + b + F.PREFETCHPAGES * 15e6;
+      let ce = O + b + M.PREFETCHPAGES * 15e6;
       ce > W && (ce = W);
       let U;
-      for (D.length > 0 && (U = D[K]); V < ce || I; ) {
-        I = !1;
+      for (D.length > 0 && (U = D[K]); V < ce || F; ) {
+        F = !1;
         let ne = !1;
         if (U && (ne = V >= U.pageStart && V <= U.pageEnd), ne) {
           let fe = U.startTs < O + b;
           X += 1, V += 15e6, fe && z.blocks.push(U);
           const se = U.pageStart;
-          U = D[K + X], U && se === U.pageStart && (I = !0);
+          U = D[K + X], U && se === U.pageStart && (F = !0);
         } else {
-          if (M.get(V)) {
+          if (I.get(V)) {
             if (V += 15e6, U && V >= U.pageEnd)
               for (; U && U.pageEnd < V && (X += 1, U = D[K + X], !!U); )
                 ;
@@ -4495,7 +4492,7 @@ 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, k, M, F, j, W) => {
+  }, s = (y, O) => y.startTs < O.startTs ? -1 : y.startTs > O.startTs ? 1 : 0, l = (y, O = 0, b, k, I, M, j, W) => {
     if (y.length === 0)
       return console.log("⚠️ No requests to send"), !1;
     const N = W;
@@ -4513,15 +4510,15 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
             // Server expects serverId
             name: K
           };
-        }), I = {
+        }), F = {
           session: k,
           minMax: !0,
           startTime: E.start,
           endTime: x,
-          packageId: M.content.id,
+          packageId: I.content.id,
           pixelWidth: E.pixelWidth,
           virtualChannels: _
-        }, L = JSON.stringify(I);
+        }, L = JSON.stringify(F);
         A.send(L);
         const D = E.channels.length, B = /* @__PURE__ */ new Map();
         for (let z = 0; z < D; z++) {
@@ -4564,14 +4561,14 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     return f.value = [], y;
   }, g = (y, O, b) => {
     const k = [];
-    return y.forEach(function(M, F) {
-      if (!isNaN(M.subPageCount)) {
+    return y.forEach(function(I, M) {
+      if (!isNaN(I.subPageCount)) {
         const j = [];
-        M.counter.forEach(function(W, N) {
+        I.counter.forEach(function(W, N) {
           !isNaN(W) && W > 0 && j.push(N);
         }), j.length > 0 && k.push({
           channels: j,
-          start: F,
+          start: M,
           duration: O,
           isInViewport: !0,
           pixelWidth: Math.ceil(b)
@@ -4627,32 +4624,32 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     const A = x || c.value, _ = `${w}_${E}_${A}`;
     if (e.value.has(_))
       return e.value.get(_);
-    let I = `${w}-${E}`;
+    let F = `${w}-${E}`;
     if (A !== "NOT_MONTAGED") {
       const B = (L = v.value) == null ? void 0 : L.find((J) => J.name === A);
       if (B != null && B.channelPairs)
         for (const J of Object.keys(B.channelPairs)) {
           const z = B.channelPairs[J];
           if (((D = z.channels) == null ? void 0 : D.length) === 2 && z.channels[0] === w && z.channels[1] === E) {
-            I = z.name || I;
+            F = z.name || F;
             break;
           }
         }
     }
-    return e.value.set(_, I), I;
+    return e.value.set(_, F), F;
   }, m = (w) => {
     if (!Array.isArray(w))
       return console.warn("Invalid channel details provided:", w), [];
     const E = performance.now();
     o.totalChannels = w.length, o.processedChannels = 0, o.errors = 0;
     const x = w.map(({ id: A, name: _ }) => {
-      var I;
+      var F;
       try {
         const L = R(A);
         if (!L)
           return console.warn(
             `❌ Base channel not found for ID: ${A}, available base channels:`,
-            ((I = f.value) == null ? void 0 : I.map((B) => ({ id: B == null ? void 0 : B.id, name: B == null ? void 0 : B.name }))) || []
+            ((F = f.value) == null ? void 0 : F.map((B) => ({ id: B == null ? void 0 : B.id, name: B == null ? void 0 : B.name }))) || []
           ), o.errors++, null;
         const D = g(A, _, L);
         return o.processedChannels++, r.value && o.montageChannels++, D;
@@ -4670,9 +4667,9 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
   }, g = (w, E, x) => {
     let A = E;
     const _ = w;
-    let I = w;
+    let F = w;
     if (r.value) {
-      I = `${w}_${E}`;
+      F = `${w}_${E}`;
       const D = E.split("<->", 2);
       D.length === 2 && (A = h(D[0], D[1]), console.log("🎭 Montage display name created:", {
         originalName: E,
@@ -4682,7 +4679,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     }
     return {
       content: {
-        id: I,
+        id: F,
         // ✅ Unique for client-side operations
         serverId: _,
         // ✅ What server provided/expects
@@ -4710,10 +4707,10 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
         packageId: (A = u.value) == null ? void 0 : A.id,
         montageMap: []
       };
-    const E = v.value.find((I) => I.name === w);
+    const E = v.value.find((F) => F.name === w);
     if (!E)
       return console.warn("Montage not found:", w), null;
-    const x = E.channelPairs.map((I) => I.channels);
+    const x = E.channelPairs.map((F) => F.channels);
     return {
       montage: "CUSTOM_MONTAGE",
       packageId: (_ = u.value) == null ? void 0 : _.content.id,
@@ -4733,17 +4730,17 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       errors: E
     };
   }, b = (w) => w.sort((E, x) => {
-    const A = E.label || "", _ = x.label || "", I = A.split("<->", 3), L = _.split("<->", 3);
-    if (I.length > 2 || L.length > 2)
+    const A = E.label || "", _ = x.label || "", F = A.split("<->", 3), L = _.split("<->", 3);
+    if (F.length > 2 || L.length > 2)
       return A.localeCompare(_);
-    const D = I[0] || "", B = L[0] || "";
-    if (D === B && I.length > 1 && L.length > 1) {
-      const J = parseFloat(I[1]), z = parseFloat(L[1]);
-      return !isNaN(J) && !isNaN(z) ? J - z : I[1].localeCompare(L[1]);
+    const D = F[0] || "", B = L[0] || "";
+    if (D === B && F.length > 1 && L.length > 1) {
+      const J = parseFloat(F[1]), z = parseFloat(L[1]);
+      return !isNaN(J) && !isNaN(z) ? J - z : F[1].localeCompare(L[1]);
     }
     return D.localeCompare(B);
   }), k = (w, E = 0) => {
-    const x = w.content, A = x.label.split("<->", 3), _ = A[0] || "", I = A.length > 1 ? isNaN(parseFloat(A[1])) ? A[1] : parseFloat(A[1]) : 0;
+    const x = w.content, A = x.label.split("<->", 3), _ = A[0] || "", F = A.length > 1 ? isNaN(parseFloat(A[1])) ? A[1] : parseFloat(A[1]) : 0;
     return {
       id: x.id,
       serverId: x.serverId,
@@ -4752,7 +4749,7 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       displayName: x.displayName,
       labelParts: A,
       labelPrefix: _,
-      labelValue: I,
+      labelValue: F,
       dataSegments: [],
       rank: E,
       visible: !0,
@@ -4772,16 +4769,16 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
       baseChannelId: x.baseChannelId
       // For debugging/reference
     };
-  }, M = (w, E = {}) => {
+  }, I = (w, E = {}) => {
     const {
       channelType: x = null,
       visible: A = null,
       montageScheme: _ = null,
-      labelPattern: I = null,
+      labelPattern: F = null,
       sampleRate: L = null
     } = E;
-    return w.filter((D) => !(x && D.type !== x || A !== null && D.visible !== A || _ && D.montageScheme !== _ || I && !new RegExp(I, "i").test(D.label) || L && D.sf !== L));
-  }, F = (w, E = "type") => {
+    return w.filter((D) => !(x && D.type !== x || A !== null && D.visible !== A || _ && D.montageScheme !== _ || F && !new RegExp(F, "i").test(D.label) || L && D.sf !== L));
+  }, M = (w, E = "type") => {
     const x = {};
     return w.forEach((A) => {
       let _;
@@ -4854,8 +4851,8 @@ const protobuf = /* @__PURE__ */ getDefaultExportFromCjs(protobufjsExports), use
     validateChannelConfig: O,
     sortChannelConfigurations: b,
     // Utility methods
-    filterChannels: M,
-    groupChannels: F,
+    filterChannels: I,
+    groupChannels: M,
     findBaseChannel: R,
     createVirtualChannel: g,
     // Management
@@ -4913,9 +4910,9 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       onSegment: O,
       onEvent: b,
       onChannelDetails: k,
-      onError: M
+      onError: I
     } = useWebSocket(), {
-      plotCanvasRef: F,
+      plotCanvasRef: M,
       blurCanvasRef: j,
       initializeCanvases: W,
       renderData: N,
@@ -4923,7 +4920,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
     } = useCanvasRenderer(), E = ref(1), x = ref(!1), {
       chData: A,
       requestedPages: _,
-      viewData: I,
+      viewData: F,
       channelsReady: L,
       autoScale: D,
       initChannels: B,
@@ -4979,13 +4976,13 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         }
         ue.nrVisibleChannels = ((T = t.value) == null ? void 0 : T.reduce((Z, G) => G.visible ? Z + 1 : Z, 0)) || 0;
         let $ = 0, Y = 0;
-        if (I.channels.forEach((Z, G) => {
+        if (F.channels.forEach((Z, G) => {
           const H = Z.blocks || [], Q = H.reduce((te, ee) => te + (ee.nrPoints || 0), 0);
           H.length > 0 && (Y++, $ += H.length);
         }), Y === 0)
           return;
         N(
-          I,
+          F,
           t.value || [],
           u.constants,
           ue,
@@ -5038,7 +5035,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         T,
         u.start,
         u.duration,
-        I,
+        F,
         _.value,
         u.constants,
         $,
@@ -5108,7 +5105,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       B($, r, Se).then(() => {
         z(), ie(), o("channelsInitialized");
       });
-    }), M((T) => {
+    }), I((T) => {
       r.setViewerErrors(T);
     });
     const q = async () => {
@@ -5170,7 +5167,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       invalidate: z,
       throttledDataRender: S,
       sendFilterMessage: m,
-      viewData: I,
+      viewData: F,
       requestedPages: _,
       chData: A,
       viewerChannels: t,
@@ -5189,7 +5186,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       renderSlot(T.$slots, "annCanvas", {}, void 0, !0),
       createElementVNode("canvas", {
         ref_key: "plotCanvasRef",
-        ref: F,
+        ref: M,
         class: "canvas",
         width: ge.value,
         height: ye.value,
@@ -5225,10 +5222,10 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
   ],
   setup(f, { expose: c, emit: v }) {
     const u = defineAsyncComponent(
-      () => import("./TSAnnotationCanvas-CMZHn8mY.js")
+      () => import("./TSAnnotationCanvas-CPNo-Z2t.js")
     ), o = f, i = v, e = useViewerStore(), { viewerChannels: r, viewerAnnotations: t, viewerActiveTool: n, viewerSelectedChannels: d } = storeToRefs(e), s = ref(null), l = ref(null), a = ref(null), h = ref(null), m = ref(null), R = ref(null);
     reactive({});
-    const g = ref(0), y = ref(0), O = ref(0), b = ref(1), k = ref(!1), M = ref(!1), F = ref("pointer");
+    const g = ref(0), y = ref(0), O = ref(0), b = ref(1), k = ref(!1), I = ref(!1), M = ref("pointer");
     ref(!1);
     const j = reactive({ x: 0, y: 0 }), W = ref(0), N = ref(["Event", "Artifact", "Seizure", "Mark", "Stim On", "Stim Off", "Start", "Stop"]), w = ref(0), E = ref(null), x = ref(0), A = ref(!0), _ = () => {
       if (t.value.length > 0) {
@@ -5241,7 +5238,7 @@ 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);
-    }, I = (p) => {
+    }, F = (p) => {
       if (console.log("TSViewerCanvas: setActiveTool called with:", p), p) {
         const S = "set" + p.charAt(0).toUpperCase() + p.slice(1), q = L[S];
         typeof q == "function" && q();
@@ -5283,14 +5280,14 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         (p = s.value) == null || p.throttledDataRender();
       });
     }), watch(n, (p) => {
-      p && (I(p), !k.value && !["annResize-left", "annResize-right", "annSelect"].includes(F.value) && (F.value = p));
+      p && (F(p), !k.value && !["annResize-left", "annResize-right", "annSelect"].includes(M.value) && (M.value = p));
     }, { immediate: !0 }), watch(t, (p) => {
       p.length > 0 && n.value === "annotate" && _();
-    }, { immediate: !0 }), watch(F, () => {
-      console.log(F);
+    }, { immediate: !0 }), watch(M, () => {
+      console.log(M);
       const p = R.value;
       if (p) {
-        switch (p.removeAttribute("col_resize"), p.removeAttribute("active"), p.removeAttribute("point"), F.value) {
+        switch (p.removeAttribute("col_resize"), p.removeAttribute("active"), p.removeAttribute("point"), M.value) {
           case "cursor_hover":
             p.removeAttribute("point"), p.setAttribute("cursor_hover", !0);
             break;
@@ -5347,7 +5344,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       p.stopPropagation(), p.preventDefault(), p.shiftKey ? Math.abs(p.deltaY) > Math.abs(p.deltaX) && (p.deltaY > 0 ? i("setDuration", o.duration * 1.1) : i("setDuration", o.duration / 1.1)) : Math.abs(p.deltaY) > Math.abs(p.deltaX) && (p.deltaY > 0 ? i("setGlobalZoom", o.globalZoomMult * 1.2) : i("setGlobalZoom", o.globalZoomMult / 1.2));
     }, Se = (p) => {
       var S, q;
-      switch (console.log("TSViewerCanvas: _onMouseUp called with pointerMode:", F.value, "viewerActiveTool:", n.value), M.value = !1, k.value = !1, F.value) {
+      switch (console.log("TSViewerCanvas: _onMouseUp called with pointerMode:", M.value, "viewerActiveTool:", n.value), I.value = !1, k.value = !1, M.value) {
         case "pointer":
           Re();
           const T = p.metaKey, $ = p.clientY - R.value.getBoundingClientRect().top, Y = j.y - R.value.getBoundingClientRect().top, Z = r.value.map((re) => (T === !1 && (re.selected = !1), (re.rowBaseline > Y && re.rowBaseline < $ || re.rowBaseline < Y && re.rowBaseline > $) && (re.selected = !0), re));
@@ -5384,7 +5381,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
             layer: H.name,
             layerId: H.id,
             // FIX: Log the layer ID
-            pointerMode: F.value
+            pointerMode: M.value
           }), Math.abs(ee) > 1e3) {
             const re = {
               name: "",
@@ -5417,12 +5414,12 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       R.value.getContext("2d").clearRect(0, 0, o.cWidth, o.cHeight);
     }, pe = (p) => {
       var q;
-      console.log("TSViewerCanvas: _onMouseDown called with pointerMode:", F.value, "viewerActiveTool:", n.value), k.value = !0, W.value = o.start;
+      console.log("TSViewerCanvas: _onMouseDown called with pointerMode:", M.value, "viewerActiveTool:", n.value), k.value = !0, W.value = o.start;
       const S = R.value.getBoundingClientRect();
-      switch (j.x = p.clientX, j.y = p.clientY, n.value === "annotate" && !["annResize-left", "annResize-right", "annSelect"].includes(F.value) && (console.log("Setting pointerMode to annotate for annotation creation"), F.value = "annotate"), F.value) {
+      switch (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":
         case "annResize-right":
-          M.value = !0, (q = m.value) == null || q.onMouseDown(p.clientX - S.left, p.clientY - S.top);
+          I.value = !0, (q = m.value) == null || q.onMouseDown(p.clientX - S.left, p.clientY - S.top);
           break;
       }
     }, Oe = () => {
@@ -5439,27 +5436,27 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
             const H = W.value - (p.clientX - j.x) * g.value;
             i("setStart", H);
           } else {
-            const H = ($ = m.value) == null ? void 0 : $.onMouseMove(T, q, F.value, k.value);
-            F.value = H || "pan";
+            const H = ($ = m.value) == null ? void 0 : $.onMouseMove(T, q, M.value, k.value);
+            M.value = H || "pan";
           }
           break;
         case "pointer":
           if (k.value)
             _e(p.clientX, p.clientY);
           else {
-            const H = (Y = m.value) == null ? void 0 : Y.onMouseMove(T, q, F.value, k.value);
-            F.value = H || "pointer";
+            const H = (Y = m.value) == null ? void 0 : Y.onMouseMove(T, q, M.value, k.value);
+            M.value = H || "pointer";
           }
           break;
         case "annotate":
-          if (k.value && F.value === "annotate")
+          if (k.value && M.value === "annotate")
             xe(p.clientX);
-          else if (k.value && ["annResize-left", "annResize-right"].includes(F.value)) {
-            const H = (Z = m.value) == null ? void 0 : Z.onMouseMove(T, q, F.value, k.value);
-            F.value = H || F.value, ye();
+          else if (k.value && ["annResize-left", "annResize-right"].includes(M.value)) {
+            const H = (Z = m.value) == null ? void 0 : Z.onMouseMove(T, q, M.value, k.value);
+            M.value = H || M.value, ye();
           } else {
-            const H = (G = m.value) == null ? void 0 : G.onMouseMove(T, q, F.value, k.value);
-            H ? (console.log("TSViewerCanvas: annCanvas.onMouseMove returned:", H), F.value = H) : F.value = "annotate";
+            const H = (G = m.value) == null ? void 0 : G.onMouseMove(T, q, M.value, k.value);
+            H ? (console.log("TSViewerCanvas: annCanvas.onMouseMove returned:", H), M.value = H) : M.value = "annotate";
           }
           break;
       }
@@ -5543,9 +5540,9 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
         let ve = G - 1, re = H + 2;
         H < 0 && (ve = G + 1, re = H - 2);
         for (let Ne = 0; Ne < ee.length; Ne++) {
-          const Me = ee[Ne];
-          if (Me.selected && Me.visible) {
-            const Pe = Me.rowBaseline | 0;
+          const Ie = ee[Ne];
+          if (Ie.selected && Ie.visible) {
+            const Pe = Ie.rowBaseline | 0;
             Pe < Q && (Q = Pe), Pe > te && (te = Pe), q.fillRect(ve, Pe - $, re, T);
           }
         }
@@ -5625,7 +5622,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
       getNextAnnotation: U,
       getPreviousAnnotation: ne,
       setFilters: C,
-      setActiveTool: I,
+      setActiveTool: F,
       renderAll: ye,
       renderAnnotationCanvas: Ae,
       initViewerCanvas: Ce
@@ -5692,7 +5689,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
           start: f.start,
           duration: f.duration,
           "ts-end": f.tsEnd,
-          "pointer-mode": F.value,
+          "pointer-mode": M.value,
           "viewer-active-tool": unref(n),
           "active-viewer": f.activeViewer,
           onAnnLayersInitialized: me,
@@ -5726,6 +5723,5 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
 export {
   TSViewerCanvas$1 as T,
   find as f,
-  getDefaultExportFromCjs as g,
   head as h
 };