batchkit-devtools 0.3.6 → 0.3.7

package/dist/components/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../src/components/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,GAAG,EAAE,MAAM,UAAU,CAAC;AAUjE,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAwOD,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CAqLvC,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../src/components/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,GAAG,EAAE,MAAM,UAAU,CAAC;AAUjE,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA6OD,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CAqLvC,CAAC"}

package/dist/index.js

@@ -1,5 +1,5 @@
-import { m as e } from "./mount-CKKkXlex.js";
-import { c as i, g as m, i as n, u as a } from "./mount-CKKkXlex.js";
+import { m as e } from "./mount-Cl_oAy4R.js";
+import { c as i, g as m, i as n, u as a } from "./mount-Cl_oAy4R.js";
 const t = process.env.NODE_ENV !== "development" ? () => () => {
 } : e;
 export {

package/dist/{mount-CKKkXlex.js → mount-Cl_oAy4R.js}

@@ -1,8 +1,8 @@
-import { delegateEvents as ne, template as _, style as o, insert as g, createComponent as k, effect as B, memo as N, setAttribute as te, setStyleProperty as he, addEventListener as De, className as we, render as je } from "solid-js/web";
-import { createRoot as Me, createSignal as J, createMemo as _e, For as de, Show as L, onMount as Le } from "solid-js";
+import { delegateEvents as ne, template as _, style as o, insert as g, createComponent as k, effect as B, memo as L, setAttribute as te, setStyleProperty as ge, addEventListener as Re, className as _e, render as De } from "solid-js/web";
+import { createRoot as je, createSignal as Z, createMemo as ke, For as de, Show as N, onMount as Me } from "solid-js";
 import { __setDevtoolsHook as Ne } from "batchkit";
-let Fe = 0;
-function Ue(i) {
+let Le = 0;
+function Fe(i) {
   if (!i) return;
   const e = i.split(`
 `);
@@ -17,8 +17,8 @@ function Ue(i) {
       if (r) return r[1];
     }
 }
-function Ke() {
-  const [i, e] = J({
+function Ue() {
+  const [i, e] = Z({
     batchers: /* @__PURE__ */ new Map(),
     events: [],
     batches: /* @__PURE__ */ new Map(),
@@ -42,46 +42,46 @@ function Ke() {
     e((C) => {
       const T = [...C.events, d], $ = new Map(C.batches);
       if (d.type === "schedule") {
-        const S = {
+        const y = {
           batchId: d.batchId,
           batcherName: a,
           keys: [],
           status: "scheduled",
           scheduledAt: d.timestamp
         };
-        $.set(d.batchId, S);
+        $.set(d.batchId, y);
       }
       if (d.type === "dispatch") {
-        const S = $.get(d.batchId);
-        S && $.set(d.batchId, {
-          ...S,
+        const y = $.get(d.batchId);
+        y && $.set(d.batchId, {
+          ...y,
           keys: d.keys,
           status: "dispatching",
           dispatchedAt: d.timestamp
         });
       }
       if (d.type === "resolve") {
-        const S = $.get(d.batchId);
-        S && $.set(d.batchId, {
-          ...S,
+        const y = $.get(d.batchId);
+        y && $.set(d.batchId, {
+          ...y,
           status: "resolved",
           completedAt: d.timestamp,
           duration: d.duration
         });
       }
       if (d.type === "error") {
-        const S = $.get(d.batchId);
-        S && $.set(d.batchId, {
-          ...S,
+        const y = $.get(d.batchId);
+        y && $.set(d.batchId, {
+          ...y,
           status: "error",
           completedAt: d.timestamp,
           error: d.error
         });
       }
       if (d.type === "abort") {
-        const S = $.get(d.batchId);
-        S && $.set(d.batchId, {
-          ...S,
+        const y = $.get(d.batchId);
+        y && $.set(d.batchId, {
+          ...y,
           status: "aborted",
           completedAt: d.timestamp
         });
@@ -95,14 +95,14 @@ function Ke() {
   function u() {
     return i();
   }
-  function v() {
+  function f() {
     e((a) => ({
       ...a,
       events: [],
       batches: /* @__PURE__ */ new Map()
     })), r();
   }
-  function f() {
+  function v() {
     e((a) => ({ ...a, isOpen: !0 })), r();
   }
   function h() {
@@ -113,22 +113,22 @@ function Ke() {
   }
   return Ne({
     onBatcherCreated({ fn: a, name: p, stack: d }) {
-      const C = !p, T = p ?? `unnamed-${++Fe}`, $ = a.toString().slice(0, 500), S = Ue(d);
+      const C = !p, T = p ?? `unnamed-${++Le}`, $ = a.toString().slice(0, 500), y = Fe(d);
       return t({
         name: T,
         registeredAt: performance.now(),
         isUnnamed: C,
         fnSource: $,
-        location: S
-      }), (O) => {
-        n(T, O);
+        location: y
+      }), (E) => {
+        n(T, E);
       };
     }
   }), {
     subscribe: l,
     getStore: u,
-    clear: v,
-    open: f,
+    clear: f,
+    open: v,
     close: h,
     toggle: b,
     _setStore: e,
@@ -139,7 +139,7 @@ let z = null;
 function He() {
   if (typeof window > "u")
     throw new Error("DevTools can only be used in browser environment");
-  return z || (z = Me(() => Ke())), z;
+  return z || (z = je(() => Ue())), z;
 }
 function Y() {
   if (!z)
@@ -148,57 +148,57 @@ function Y() {
     );
   return z;
 }
-function ke() {
+function Ce() {
   const i = Y();
   if (i._store)
     return i._store;
-  const [e, s] = J(i.getStore());
+  const [e, s] = Z(i.getStore());
   return i.subscribe(s), e;
 }
-function Pe(i) {
+function Ke(i) {
   var e;
   z && ((e = z._setStore) == null || e.call(z, (s) => ({
     ...s,
     selectedBatcher: i
   })));
 }
-function Ge(i) {
+function Pe(i) {
   var e;
   z && ((e = z._setStore) == null || e.call(z, (s) => ({
     ...s,
     config: { ...s.config, ...i }
   })));
 }
-var Xe = /* @__PURE__ */ _("<div>"), We = /* @__PURE__ */ _("<div><div></div><div><span> gets</span><span> batches"), Ye = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No batchers yet</div><div style=font-size:11px;color:#57534e>Call batch() to see it here");
-const qe = {
+var Xe = /* @__PURE__ */ _("<div>"), Ge = /* @__PURE__ */ _("<div><div></div><div><span> gets</span><span> batches"), We = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No batchers yet</div><div style=font-size:11px;color:#57534e>Call batch() to see it here");
+const Ye = {
   flex: "1",
   "overflow-y": "auto"
-}, Ce = {
+}, ze = {
   padding: "8px 12px",
   cursor: "pointer",
   "border-bottom": "1px solid #292524",
   "border-left": "2px solid transparent"
-}, Je = {
-  ...Ce,
+}, qe = {
+  ...ze,
   background: "#1c1917",
   "border-left-color": "#a8a29e"
-}, ze = {
+}, Te = {
   "font-size": "13px",
   color: "#d6d3d1",
   "margin-bottom": "2px"
 }, Ze = {
-  ...ze,
+  ...Te,
   color: "#78716c",
   "font-style": "italic"
-}, Qe = {
+}, Je = {
   "font-size": "11px",
   color: "#78716c"
-}, ge = {
+}, me = {
   display: "inline-flex",
   "align-items": "center",
   gap: "4px",
   "margin-right": "8px"
-}, Ve = {
+}, Qe = {
   display: "flex",
   "flex-direction": "column",
   "align-items": "center",
@@ -207,9 +207,9 @@ const qe = {
   color: "#57534e",
   "text-align": "center",
   padding: "24px 12px"
-}, et = (i) => {
-  const e = _e(() => Array.from(i.batchers.values())), s = (t) => {
-    const n = i.events.filter((v) => v.batcherName === t), l = n.filter((v) => v.type === "get").length, u = n.filter((v) => v.type === "resolve").length;
+}, Ve = (i) => {
+  const e = ke(() => Array.from(i.batchers.values())), s = (t) => {
+    const n = i.events.filter((f) => f.batcherName === t), l = n.filter((f) => f.type === "get").length, u = n.filter((f) => f.type === "resolve").length;
     return {
       gets: l,
       batches: u
@@ -219,96 +219,96 @@ const qe = {
   };
   return (() => {
     var t = Xe();
-    return o(t, qe), g(t, k(de, {
+    return o(t, Ye), g(t, k(de, {
       get each() {
         return e();
       },
       children: (n) => {
         const l = () => s(n.name), u = () => i.selectedBatcher === n.name;
         return (() => {
-          var v = We(), f = v.firstChild, h = f.nextSibling, b = h.firstChild, y = b.firstChild, a = b.nextSibling, p = a.firstChild;
-          return v.$$click = () => r(n.name), g(f, () => n.name), o(h, Qe), g(b, () => l().gets, y), g(a, () => l().batches, p), B((d) => {
-            var C = u() ? Je : Ce, T = n.isUnnamed ? Ze : ze, $ = ge, S = ge;
-            return d.e = o(v, C, d.e), d.t = o(f, T, d.t), d.a = o(b, $, d.a), d.o = o(a, S, d.o), d;
+          var f = Ge(), v = f.firstChild, h = v.nextSibling, b = h.firstChild, x = b.firstChild, a = b.nextSibling, p = a.firstChild;
+          return f.$$click = () => r(n.name), g(v, () => n.name), o(h, Je), g(b, () => l().gets, x), g(a, () => l().batches, p), B((d) => {
+            var C = u() ? qe : ze, T = n.isUnnamed ? Ze : Te, $ = me, y = me;
+            return d.e = o(f, C, d.e), d.t = o(v, T, d.t), d.a = o(b, $, d.a), d.o = o(a, y, d.o), d;
           }, {
             e: void 0,
             t: void 0,
             a: void 0,
             o: void 0
-          }), v;
+          }), f;
         })();
       }
     }), null), g(t, (() => {
-      var n = N(() => e().length === 0);
+      var n = L(() => e().length === 0);
       return () => n() && (() => {
-        var l = Ye(), u = l.firstChild;
-        return u.nextSibling, o(l, Ve), l;
+        var l = We(), u = l.firstChild;
+        return u.nextSibling, o(l, Qe), l;
       })();
     })(), null), t;
   })();
 };
 ne(["click"]);
-var tt = /* @__PURE__ */ _("<div>"), nt = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No batches yet</div><div style=font-size:11px;color:#57534e>Batches appear as requests are processed"), rt = /* @__PURE__ */ _("<div><div></div><div></div><div></div><div>");
-const ot = {
+var et = /* @__PURE__ */ _("<div>"), tt = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No batches yet</div><div style=font-size:11px;color:#57534e>Batches appear as requests are processed"), nt = /* @__PURE__ */ _("<div><div></div><div></div><div></div><div>");
+const rt = {
   display: "flex",
   "flex-direction": "column",
   gap: "1px"
-}, it = {
+}, ot = {
   display: "flex",
   "align-items": "center",
   gap: "12px",
   padding: "6px 8px",
   background: "#1c1917",
   "font-size": "11px"
-}, st = {
+}, it = {
   "font-size": "11px",
   color: "#78716c",
   "min-width": "80px"
-}, H = {
+}, K = {
   padding: "2px 6px",
   "font-size": "10px",
   "font-weight": "500",
   "text-transform": "uppercase",
   "letter-spacing": "0.3px"
-}, lt = {
+}, st = {
   scheduled: {
-    ...H,
+    ...K,
     background: "#422006",
     color: "#fbbf24"
   },
   dispatching: {
-    ...H,
+    ...K,
     background: "#1e3a5f",
     color: "#60a5fa"
   },
   resolved: {
-    ...H,
+    ...K,
     background: "#14532d",
     color: "#4ade80"
   },
   error: {
-    ...H,
+    ...K,
     background: "#450a0a",
     color: "#f87171"
   },
   aborted: {
-    ...H,
+    ...K,
     background: "#292524",
     color: "#a8a29e"
   }
-}, ct = {
+}, lt = {
   flex: "1",
   "font-size": "11px",
   color: "#a8a29e",
   "white-space": "nowrap",
   overflow: "hidden",
   "text-overflow": "ellipsis"
-}, at = {
+}, ct = {
   "font-size": "11px",
   color: "#57534e",
   "min-width": "50px",
   "text-align": "right"
-}, dt = {
+}, at = {
   display: "flex",
   "flex-direction": "column",
   "align-items": "center",
@@ -317,22 +317,22 @@ const ot = {
   color: "#57534e",
   "text-align": "center",
   padding: "32px"
-}, ut = (i) => {
+}, dt = (i) => {
   const e = (t) => t === void 0 ? "-" : t < 1 ? "<1ms" : t < 1e3 ? `${Math.round(t)}ms` : `${(t / 1e3).toFixed(2)}s`, s = (t) => {
     if (t.length === 0) return "-";
     const n = t.slice(0, 3).map((l) => String(l)).join(", ");
     return t.length > 3 ? `${n} +${t.length - 3}` : n;
   }, r = () => [...i.batches].sort((t, n) => n.scheduledAt - t.scheduledAt);
   return (() => {
-    var t = tt();
-    return o(t, ot), g(t, k(L, {
+    var t = et();
+    return o(t, rt), g(t, k(N, {
       get when() {
         return r().length > 0;
       },
       get fallback() {
         return (() => {
-          var n = nt(), l = n.firstChild;
-          return l.nextSibling, o(n, dt), n;
+          var n = tt(), l = n.firstChild;
+          return l.nextSibling, o(n, at), n;
         })();
       },
       get children() {
@@ -341,10 +341,10 @@ const ot = {
             return r();
           },
           children: (n) => (() => {
-            var l = rt(), u = l.firstChild, v = u.nextSibling, f = v.nextSibling, h = f.nextSibling;
-            return o(l, it), o(u, st), g(u, () => n.batchId), g(v, () => n.status), o(f, ct), g(f, () => s(n.keys)), o(h, at), g(h, () => e(n.duration)), B((b) => {
-              var y = lt[n.status] || H, a = n.keys.map(String).join(", ");
-              return b.e = o(v, y, b.e), a !== b.t && te(f, "title", b.t = a), b;
+            var l = nt(), u = l.firstChild, f = u.nextSibling, v = f.nextSibling, h = v.nextSibling;
+            return o(l, ot), o(u, it), g(u, () => n.batchId), g(f, () => n.status), o(v, lt), g(v, () => s(n.keys)), o(h, ct), g(h, () => e(n.duration)), B((b) => {
+              var x = st[n.status] || K, a = n.keys.map(String).join(", ");
+              return b.e = o(f, x, b.e), a !== b.t && te(v, "title", b.t = a), b;
             }, {
               e: void 0,
               t: void 0
@@ -355,24 +355,24 @@ const ot = {
     })), t;
   })();
 };
-var ft = /* @__PURE__ */ _("<div>"), vt = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No events</div><div style=font-size:11px;color:#57534e>Events appear as batchers process requests"), ht = /* @__PURE__ */ _("<div><span></span><span></span><span>");
-const gt = {
+var ut = /* @__PURE__ */ _("<div>"), ft = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No events</div><div style=font-size:11px;color:#57534e>Events appear as batchers process requests"), vt = /* @__PURE__ */ _("<div><span></span><span></span><span>");
+const ht = {
   display: "flex",
   "flex-direction": "column",
   gap: "1px",
   "font-size": "11px"
-}, mt = {
+}, gt = {
   display: "flex",
   gap: "12px",
   padding: "4px 8px",
   background: "#1c1917"
-}, bt = {
+}, mt = {
   color: "#57534e",
   "min-width": "60px"
-}, pt = {
+}, bt = {
   "min-width": "60px",
   "font-weight": "500"
-}, xt = {
+}, pt = {
   get: "#60a5fa",
   dedup: "#c084fc",
   schedule: "#fbbf24",
@@ -380,13 +380,13 @@ const gt = {
   resolve: "#4ade80",
   error: "#f87171",
   abort: "#a8a29e"
-}, yt = {
+}, xt = {
   color: "#78716c",
   flex: "1",
   "white-space": "nowrap",
   overflow: "hidden",
   "text-overflow": "ellipsis"
-}, St = {
+}, yt = {
   display: "flex",
   "flex-direction": "column",
   "align-items": "center",
@@ -395,7 +395,7 @@ const gt = {
   color: "#57534e",
   "text-align": "center",
   padding: "32px"
-}, $t = (i) => {
+}, St = (i) => {
   const e = (t) => (t / 1e3).toFixed(3) + "s", s = (t) => {
     switch (t.type) {
       case "get":
@@ -417,15 +417,15 @@ const gt = {
     }
   }, r = () => [...i.events].reverse();
   return (() => {
-    var t = ft();
-    return o(t, gt), g(t, k(L, {
+    var t = ut();
+    return o(t, ht), g(t, k(N, {
       get when() {
         return r().length > 0;
       },
       get fallback() {
         return (() => {
-          var n = vt(), l = n.firstChild;
-          return l.nextSibling, o(n, St), n;
+          var n = ft(), l = n.firstChild;
+          return l.nextSibling, o(n, yt), n;
         })();
       },
       get children() {
@@ -434,10 +434,10 @@ const gt = {
             return r();
           },
           children: (n) => (() => {
-            var l = ht(), u = l.firstChild, v = u.nextSibling, f = v.nextSibling;
-            return o(l, mt), o(u, bt), g(u, () => e(n.timestamp)), g(v, () => n.type), o(f, yt), g(f, () => s(n)), B((h) => o(v, {
-              ...pt,
-              color: xt[n.type]
+            var l = vt(), u = l.firstChild, f = u.nextSibling, v = f.nextSibling;
+            return o(l, gt), o(u, mt), g(u, () => e(n.timestamp)), g(f, () => n.type), o(v, xt), g(v, () => s(n)), B((h) => o(f, {
+              ...bt,
+              color: pt[n.type]
             }, h)), l;
           })()
         });
@@ -445,8 +445,8 @@ const gt = {
     })), t;
   })();
 };
-var wt = /* @__PURE__ */ _("<div><div><div>Gets</div><div></div></div><div><div>Batches</div><div></div></div><div><div>Deduped</div><div><span>(<!>%)</span></div></div><div><div>Avg Size</div><div></div></div><div><div>Avg Time</div><div><span>ms</span></div></div><div><div>Err / Abort</div><div><span></span><span style=color:#57534e> / </span><span>");
-const _t = {
+var $t = /* @__PURE__ */ _("<div><div><div>Gets</div><div></div></div><div><div>Batches</div><div></div></div><div><div>Deduped</div><div><span>(<!>%)</span></div></div><div><div>Avg Size</div><div></div></div><div><div>Avg Time</div><div><span>ms</span></div></div><div><div>Err / Abort</div><div><span></span><span style=color:#57534e> / </span><span>");
+const wt = {
   display: "grid",
   "grid-template-columns": "repeat(auto-fit, minmax(120px, 1fr))",
   gap: "1px",
@@ -460,35 +460,35 @@ const _t = {
   "letter-spacing": "0.5px",
   color: "#78716c",
   "margin-bottom": "4px"
-}, K = {
+}, H = {
   "font-size": "20px",
   "font-weight": "500",
   color: "#f5f5f4"
-}, me = {
+}, be = {
   "font-size": "11px",
   color: "#57534e",
   "margin-left": "2px"
-}, kt = (i) => {
-  const e = _e(() => {
-    const s = i.events, r = i.batches, t = s.filter((a) => a.type === "get").length, n = s.filter((a) => a.type === "dedup").length, l = r.filter((a) => a.status === "resolved"), u = l.length, v = u > 0 ? l.reduce((a, p) => a + p.keys.length, 0) / u : 0, f = u > 0 ? l.reduce((a, p) => a + (p.duration || 0), 0) / u : 0, h = r.filter((a) => a.status === "error").length, b = r.filter((a) => a.status === "aborted").length, y = t > 0 ? n / t * 100 : 0;
+}, _t = (i) => {
+  const e = ke(() => {
+    const s = i.events, r = i.batches, t = s.filter((a) => a.type === "get").length, n = s.filter((a) => a.type === "dedup").length, l = r.filter((a) => a.status === "resolved"), u = l.length, f = u > 0 ? l.reduce((a, p) => a + p.keys.length, 0) / u : 0, v = u > 0 ? l.reduce((a, p) => a + (p.duration || 0), 0) / u : 0, h = r.filter((a) => a.status === "error").length, b = r.filter((a) => a.status === "aborted").length, x = t > 0 ? n / t * 100 : 0;
     return {
       totalGets: t,
       totalBatches: u,
       dedupedKeys: n,
-      avgBatchSize: v,
-      avgDuration: f,
+      avgBatchSize: f,
+      avgDuration: v,
       errors: h,
       aborts: b,
-      dedupRate: y
+      dedupRate: x
     };
   });
   return (() => {
-    var s = wt(), r = s.firstChild, t = r.firstChild, n = t.nextSibling, l = r.nextSibling, u = l.firstChild, v = u.nextSibling, f = l.nextSibling, h = f.firstChild, b = h.nextSibling, y = b.firstChild, a = y.firstChild, p = a.nextSibling;
+    var s = $t(), r = s.firstChild, t = r.firstChild, n = t.nextSibling, l = r.nextSibling, u = l.firstChild, f = u.nextSibling, v = l.nextSibling, h = v.firstChild, b = h.nextSibling, x = b.firstChild, a = x.firstChild, p = a.nextSibling;
     p.nextSibling;
-    var d = f.nextSibling, C = d.firstChild, T = C.nextSibling, $ = d.nextSibling, S = $.firstChild, O = S.nextSibling, Z = O.firstChild, x = $.nextSibling, w = x.firstChild, E = w.nextSibling, I = E.firstChild, D = I.nextSibling, R = D.nextSibling;
-    return o(s, _t), g(n, () => e().totalGets), g(v, () => e().totalBatches), g(b, () => e().dedupedKeys, y), g(y, () => e().dedupRate.toFixed(0), p), g(T, () => e().avgBatchSize.toFixed(1)), g(O, () => e().avgDuration.toFixed(0), Z), g(I, () => e().errors), g(R, () => e().aborts), B((c) => {
-      var P = F, A = U, j = K, G = F, X = U, W = K, Q = F, M = U, m = K, V = me, re = F, oe = U, ie = K, se = F, le = U, ce = K, Ae = me, Oe = F, Ee = U, Re = K, fe = e().errors > 0 ? "#f87171" : "#f5f5f4", ve = e().aborts > 0 ? "#fbbf24" : "#f5f5f4";
-      return c.e = o(r, P, c.e), c.t = o(t, A, c.t), c.a = o(n, j, c.a), c.o = o(l, G, c.o), c.i = o(u, X, c.i), c.n = o(v, W, c.n), c.s = o(f, Q, c.s), c.h = o(h, M, c.h), c.r = o(b, m, c.r), c.d = o(y, V, c.d), c.l = o(d, re, c.l), c.u = o(C, oe, c.u), c.c = o(T, ie, c.c), c.w = o($, se, c.w), c.m = o(S, le, c.m), c.f = o(O, ce, c.f), c.y = o(Z, Ae, c.y), c.g = o(x, Oe, c.g), c.p = o(w, Ee, c.p), c.b = o(E, Re, c.b), fe !== c.T && he(I, "color", c.T = fe), ve !== c.A && he(R, "color", c.A = ve), c;
+    var d = v.nextSibling, C = d.firstChild, T = C.nextSibling, $ = d.nextSibling, y = $.firstChild, E = y.nextSibling, J = E.firstChild, S = $.nextSibling, w = S.firstChild, O = w.nextSibling, I = O.firstChild, D = I.nextSibling, R = D.nextSibling;
+    return o(s, wt), g(n, () => e().totalGets), g(f, () => e().totalBatches), g(b, () => e().dedupedKeys, x), g(x, () => e().dedupRate.toFixed(0), p), g(T, () => e().avgBatchSize.toFixed(1)), g(E, () => e().avgDuration.toFixed(0), J), g(I, () => e().errors), g(R, () => e().aborts), B((c) => {
+      var P = F, A = U, j = H, X = F, G = U, W = H, Q = F, M = U, m = H, V = be, re = F, oe = U, ie = H, se = F, le = U, ce = H, Ie = be, Ae = F, Ee = U, Oe = H, ve = e().errors > 0 ? "#f87171" : "#f5f5f4", he = e().aborts > 0 ? "#fbbf24" : "#f5f5f4";
+      return c.e = o(r, P, c.e), c.t = o(t, A, c.t), c.a = o(n, j, c.a), c.o = o(l, X, c.o), c.i = o(u, G, c.i), c.n = o(f, W, c.n), c.s = o(v, Q, c.s), c.h = o(h, M, c.h), c.r = o(b, m, c.r), c.d = o(x, V, c.d), c.l = o(d, re, c.l), c.u = o(C, oe, c.u), c.c = o(T, ie, c.c), c.w = o($, se, c.w), c.m = o(y, le, c.m), c.f = o(E, ce, c.f), c.y = o(J, Ie, c.y), c.g = o(S, Ae, c.g), c.p = o(w, Ee, c.p), c.b = o(O, Oe, c.b), ve !== c.T && ge(I, "color", c.T = ve), he !== c.A && ge(R, "color", c.A = he), c;
     }, {
       e: void 0,
       t: void 0,
@@ -515,8 +515,8 @@ const _t = {
     }), s;
   })();
 };
-var ae = /* @__PURE__ */ _("<div>"), Ct = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No batcher selected</div><div style=font-size:11px;color:#57534e>Click a batcher to see its trace info"), zt = /* @__PURE__ */ _("<div><div>Function</div><div>"), Tt = /* @__PURE__ */ _('<div style="height:auto;padding:24px 0"><div style=font-size:11px;color:#57534e>No trace metadata available'), Bt = /* @__PURE__ */ _("<span style=color:#78716c;font-weight:normal;font-style:italic> (unnamed)"), It = /* @__PURE__ */ _("<div><div>Location"), At = /* @__PURE__ */ _("<a> ↗");
-function Ot(i) {
+var ae = /* @__PURE__ */ _("<div>"), kt = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No batcher selected</div><div style=font-size:11px;color:#57534e>Click a batcher to see its trace info"), Ct = /* @__PURE__ */ _("<div><div>Function</div><div>"), zt = /* @__PURE__ */ _('<div style="height:auto;padding:24px 0"><div style=font-size:11px;color:#57534e>No trace metadata available'), Tt = /* @__PURE__ */ _("<span style=color:#78716c;font-weight:normal;font-style:italic> (unnamed)"), Bt = /* @__PURE__ */ _("<div><div>Location"), It = /* @__PURE__ */ _("<a> ↗");
+function At(i) {
   let e = i;
   const s = i.match(/^https?:\/\/[^/]+(.*)$/);
   s && (e = s[1]), e = e.split("?")[0];
@@ -530,7 +530,7 @@ function Ot(i) {
   };
 }
 function Et(i, e) {
-  const s = Ot(i);
+  const s = At(i);
   if (!s) return null;
   let {
     path: r,
@@ -544,25 +544,25 @@ function Et(i, e) {
       r = e.projectRoot + "/" + r;
     else
       return null;
-  const l = e.editor ?? "vscode", v = {
+  const l = e.editor ?? "vscode", f = {
     vscode: "vscode://file",
     cursor: "cursor://file",
     webstorm: "webstorm://open?file=",
     idea: "idea://open?file="
   }[l];
-  if (!v) return null;
+  if (!f) return null;
   if (l === "webstorm" || l === "idea") {
-    let h = `${v}${encodeURIComponent(r)}`;
+    let h = `${f}${encodeURIComponent(r)}`;
     return t !== void 0 && (h += `&line=${t}`, n !== void 0 && (h += `&column=${n}`)), h;
   }
-  let f = `${v}${r}`;
-  return t !== void 0 && (f += `:${t}`, n !== void 0 && (f += `:${n}`)), f;
+  let v = `${f}${r}`;
+  return t !== void 0 && (v += `:${t}`, n !== void 0 && (v += `:${n}`)), v;
 }
-const Rt = {
+const Ot = {
   padding: "12px",
   height: "100%",
   "overflow-y": "auto"
-}, be = {
+}, pe = {
   display: "flex",
   "flex-direction": "column",
   "align-items": "center",
@@ -570,9 +570,9 @@ const Rt = {
   height: "100%",
   color: "#57534e",
   "text-align": "center"
-}, pe = {
-  "margin-bottom": "16px"
 }, xe = {
+  "margin-bottom": "16px"
+}, ye = {
   color: "#78716c",
   "margin-bottom": "6px",
   "font-size": "10px",
@@ -584,106 +584,106 @@ const Rt = {
   "font-size": "11px",
   color: "#d6d3d1",
   border: "1px solid #292524"
-}, Dt = {
+}, Rt = {
   ...ue,
   display: "block",
   color: "#93c5fd",
   "text-decoration": "none",
   cursor: "pointer"
-}, jt = {
+}, Dt = {
   "text-decoration": "underline"
-}, Mt = {
+}, jt = {
   ...ue,
   "white-space": "pre-wrap",
   "word-break": "break-all",
   "max-height": "300px",
   "overflow-y": "auto",
   "font-family": "ui-monospace, monospace"
-}, Lt = {
+}, Mt = {
   "font-size": "14px",
   "font-weight": "600",
   color: "#f5f5f4",
   "margin-bottom": "16px"
 }, Nt = (i) => {
-  const e = ke(), s = () => e().config;
+  const e = Ce(), s = () => e().config;
   return (() => {
     var r = ae();
-    return o(r, Rt), g(r, k(L, {
+    return o(r, Ot), g(r, k(N, {
       get when() {
         return i.batcher;
       },
       get fallback() {
         return (() => {
-          var t = Ct(), n = t.firstChild;
-          return n.nextSibling, B((l) => o(t, be, l)), t;
+          var t = kt(), n = t.firstChild;
+          return n.nextSibling, B((l) => o(t, pe, l)), t;
         })();
       },
       children: (t) => [(() => {
         var n = ae();
-        return o(n, Lt), g(n, () => t().name, null), g(n, (() => {
-          var l = N(() => !!t().isUnnamed);
-          return () => l() && Bt();
+        return o(n, Mt), g(n, () => t().name, null), g(n, (() => {
+          var l = L(() => !!t().isUnnamed);
+          return () => l() && Tt();
         })(), null), n;
-      })(), k(L, {
+      })(), k(N, {
         get when() {
           return t().location;
         },
         children: (n) => {
           const l = () => Et(n(), s());
           return (() => {
-            var u = It(), v = u.firstChild;
-            return g(u, k(L, {
+            var u = Bt(), f = u.firstChild;
+            return g(u, k(N, {
               get when() {
                 return l();
               },
               get fallback() {
                 return (() => {
-                  var f = ae();
-                  return g(f, n), B((h) => o(f, ue, h)), f;
+                  var v = ae();
+                  return g(v, n), B((h) => o(v, ue, h)), v;
                 })();
               },
-              children: (f) => (() => {
-                var h = At(), b = h.firstChild;
-                return h.$$mouseout = (y) => y.currentTarget.style.textDecoration = "none", h.$$mouseover = (y) => Object.assign(y.currentTarget.style, jt), g(h, n, b), B((y) => {
-                  var a = f(), p = Dt;
-                  return a !== y.e && te(h, "href", y.e = a), y.t = o(h, p, y.t), y;
+              children: (v) => (() => {
+                var h = It(), b = h.firstChild;
+                return h.$$mouseout = (x) => x.currentTarget.style.textDecoration = "none", h.$$mouseover = (x) => Object.assign(x.currentTarget.style, Dt), g(h, n, b), B((x) => {
+                  var a = v(), p = Rt;
+                  return a !== x.e && te(h, "href", x.e = a), x.t = o(h, p, x.t), x;
                 }, {
                   e: void 0,
                   t: void 0
                 }), h;
               })()
-            }), null), B((f) => {
-              var h = pe, b = xe;
-              return f.e = o(u, h, f.e), f.t = o(v, b, f.t), f;
+            }), null), B((v) => {
+              var h = xe, b = ye;
+              return v.e = o(u, h, v.e), v.t = o(f, b, v.t), v;
             }, {
               e: void 0,
               t: void 0
             }), u;
           })();
         }
-      }), k(L, {
+      }), k(N, {
         get when() {
           return t().fnSource;
         },
         get children() {
-          var n = zt(), l = n.firstChild, u = l.nextSibling;
-          return g(u, () => t().fnSource), B((v) => {
-            var f = pe, h = xe, b = Mt;
-            return v.e = o(n, f, v.e), v.t = o(l, h, v.t), v.a = o(u, b, v.a), v;
+          var n = Ct(), l = n.firstChild, u = l.nextSibling;
+          return g(u, () => t().fnSource), B((f) => {
+            var v = xe, h = ye, b = jt;
+            return f.e = o(n, v, f.e), f.t = o(l, h, f.t), f.a = o(u, b, f.a), f;
           }, {
             e: void 0,
             t: void 0,
             a: void 0
           }), n;
         }
-      }), k(L, {
+      }), k(N, {
         get when() {
-          return N(() => !t().location)() && !t().fnSource;
+          return L(() => !t().location)() && !t().fnSource;
         },
         get children() {
-          var n = Tt();
+          var n = zt();
           return n.firstChild, B((l) => o(n, {
-            ...be
+            ...pe
           }, l)), n;
         }
       })]
@@ -691,8 +691,8 @@ const Rt = {
   })();
 };
 ne(["mouseover", "mouseout"]);
-var Ft = /* @__PURE__ */ _("<button>");
-const Te = {
+var Lt = /* @__PURE__ */ _("<button>");
+const Be = {
   position: "fixed",
   bottom: "16px",
   right: "16px",
@@ -707,21 +707,21 @@ const Te = {
   "justify-content": "center",
   "z-index": "99999",
   "font-family": "ui-monospace, monospace"
-}, Ut = {
-  ...Te,
+}, Ft = {
+  ...Be,
   background: "#292524",
   color: "#f5f5f4",
   "border-color": "#57534e"
-}, Kt = (i) => {
+}, Ut = (i) => {
   const e = () => ({
-    ...i.isOpen ? Ut : Te,
+    ...i.isOpen ? Ft : Be,
     ...i.style
   });
   return (() => {
-    var s = Ft();
-    return De(s, "click", i.onClick, !0), g(s, () => i.isOpen ? "[×]" : "[=]"), B((r) => {
+    var s = Lt();
+    return Re(s, "click", i.onClick, !0), g(s, () => i.isOpen ? "[×]" : "[=]"), B((r) => {
       var t = i.class, n = e(), l = i.isOpen ? "Close BatchKit DevTools" : "Open BatchKit DevTools", u = i.isOpen ? "Close BatchKit DevTools" : "Open BatchKit DevTools";
-      return t !== r.e && we(s, r.e = t), r.t = o(s, n, r.t), l !== r.a && te(s, "title", r.a = l), u !== r.o && te(s, "aria-label", r.o = u), r;
+      return t !== r.e && _e(s, r.e = t), r.t = o(s, n, r.t), l !== r.a && te(s, "title", r.a = l), u !== r.o && te(s, "aria-label", r.o = u), r;
     }, {
       e: void 0,
       t: void 0,
@@ -732,26 +732,32 @@ const Te = {
 };
 ne(["click"]);
 var Ht = /* @__PURE__ */ _("<div><div></div><div><div><span style=color:#78716c>[=]</span>Devtools</div><button>Clear</button></div><div><div><div>Batchers</div></div><div><div><button>Timeline</button><button>Events</button><button>Stats</button><button>Trace</button></div><div>");
-const Be = "batchkit-devtools", Pt = 650, Gt = 350, ye = 200, Se = 1200, Xt = "0.2s";
-function Ie() {
+const fe = "__batchkit_devtools_", Kt = 650, Pt = 350, Se = 200, $e = 1200, Xt = "0.2s";
+function Gt(i) {
+  try {
+    const e = localStorage.getItem(fe + i);
+    return e === null ? void 0 : e === "true";
+  } catch {
+    return;
+  }
+}
+function Wt(i) {
   try {
-    const i = localStorage.getItem(Be);
-    return i ? JSON.parse(i) : {};
+    const e = localStorage.getItem(fe + i);
+    if (e === null) return;
+    const s = parseInt(e, 10);
+    return isNaN(s) ? void 0 : s;
   } catch {
-    return {};
+    return;
   }
 }
-function $e(i) {
+function we(i, e) {
   try {
-    const e = Ie();
-    localStorage.setItem(Be, JSON.stringify({
-      ...e,
-      ...i
-    }));
+    localStorage.setItem(fe + i, String(e));
   } catch {
   }
 }
-function Wt(i, e, s) {
+function Yt(i, e, s) {
   const r = {
     position: "fixed",
     background: "#0c0a09",
@@ -798,7 +804,7 @@ function Wt(i, e, s) {
       };
   }
 }
-function Yt(i) {
+function qt(i) {
   const e = {
     position: "absolute",
     background: "transparent",
@@ -834,7 +840,7 @@ function Yt(i) {
       };
   }
 }
-function qt(i, e) {
+function Zt(i, e) {
   if (e) return "translate(0, 0)";
   switch (i) {
     case "right":
@@ -854,7 +860,7 @@ const Jt = {
   "border-bottom": "1px solid #44403c",
   "flex-shrink": "0",
   "user-select": "none"
-}, Zt = {
+}, Qt = {
   "font-size": "11px",
   "font-weight": "500",
   color: "#a8a29e",
@@ -863,7 +869,7 @@ const Jt = {
   gap: "8px",
   "text-transform": "uppercase",
   "letter-spacing": "0.5px"
-}, Qt = {
+}, Vt = {
   padding: "4px 8px",
   border: "1px solid #44403c",
   background: "#1c1917",
@@ -871,11 +877,11 @@ const Jt = {
   "font-size": "11px",
   "font-family": "ui-monospace, monospace",
   cursor: "pointer"
-}, Vt = {
+}, en = {
   display: "flex",
   flex: "1",
   "min-height": "0"
-}, en = {
+}, tn = {
   width: "160px",
   "border-right": "1px solid #44403c",
   display: "flex",
@@ -883,7 +889,7 @@ const Jt = {
   background: "#0c0a09",
   "flex-shrink": "0",
   "user-select": "none"
-}, tn = {
+}, nn = {
   padding: "8px 12px",
   "font-size": "11px",
   "font-weight": "500",
@@ -891,12 +897,12 @@ const Jt = {
   "letter-spacing": "0.5px",
   color: "#78716c",
   "border-bottom": "1px solid #292524"
-}, nn = {
+}, rn = {
   flex: "1",
   display: "flex",
   "flex-direction": "column",
   "min-width": "0"
-}, rn = {
+}, on = {
   display: "flex",
   "border-bottom": "1px solid #44403c",
   background: "#1c1917",
@@ -917,56 +923,50 @@ const Jt = {
   ...q,
   color: "#f5f5f4",
   "border-bottom": "1px solid #f5f5f4"
-}, on = {
+}, sn = {
   flex: "1",
   overflow: "auto",
   padding: "12px",
   background: "#0c0a09"
-}, sn = (i) => {
-  const e = ke(), [s, r] = J("timeline"), [t, n] = J(!1), l = () => i.position ?? "right", u = () => l() === "bottom", v = () => u() ? Gt : Pt, [f, h] = J(v());
-  Le(() => {
-    const x = Ie();
-    x.isOpen !== void 0 ? x.isOpen && Y().open() : i.defaultOpen && Y().open();
-    const w = u() ? x.height : x.width;
-    w && w >= ye && w <= Se && h(w);
+}, ln = (i) => {
+  const e = Ce(), [s, r] = Z("timeline"), [t, n] = Z(!1), l = () => i.position ?? "right", u = () => l() === "bottom", f = () => u() ? Pt : Kt, [v, h] = Z(f());
+  Me(() => {
+    const S = Gt("isOpen");
+    S !== void 0 ? S && Y().open() : i.defaultOpen && Y().open();
+    const w = Wt("panelSize");
+    w && w >= Se && w <= $e && h(w);
   });
   const b = () => {
-    Y().toggle(), $e({
-      isOpen: !e().isOpen
-    });
-  }, y = (x) => {
-    x.preventDefault(), n(!0);
-    const w = u() ? x.clientY : x.clientX, E = f(), I = l(), D = (c) => {
+    Y().toggle(), we("isOpen", e().isOpen);
+  }, x = (S) => {
+    S.preventDefault(), n(!0);
+    const w = u() ? S.clientY : S.clientX, O = v(), I = l(), D = (c) => {
       const P = u() ? c.clientY : c.clientX;
       let A = w - P;
       I === "left" && (A = -A), I === "bottom" && (A = A);
-      const j = Math.min(Se, Math.max(ye, E + A));
+      const j = Math.min($e, Math.max(Se, O + A));
       h(j);
     }, R = () => {
-      n(!1), document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", R), document.body.style.cursor = "", document.body.style.userSelect = "", $e(u() ? {
-        height: f()
-      } : {
-        width: f()
-      });
+      n(!1), document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", R), document.body.style.cursor = "", document.body.style.userSelect = "", we("panelSize", v());
     };
     document.addEventListener("mousemove", D), document.addEventListener("mouseup", R), document.body.style.cursor = u() ? "ns-resize" : "ew-resize", document.body.style.userSelect = "none";
   }, a = () => {
     Y().clear();
   }, p = () => e().selectedBatcher, d = () => e().batchers, C = () => e().events, T = () => e().batches, $ = () => {
-    const x = p();
-    return x ? d().get(x) ?? null : null;
-  }, S = () => {
-    const x = p();
-    return x ? C().filter((w) => w.batcherName === x) : C();
-  }, O = () => {
-    const x = p();
-    return x ? Array.from(T().values()).filter((w) => w.batcherName === x) : Array.from(T().values());
-  }, Z = () => ({
-    ...Wt(l(), f(), t()),
-    transform: qt(l(), e().isOpen),
+    const S = p();
+    return S ? d().get(S) ?? null : null;
+  }, y = () => {
+    const S = p();
+    return S ? C().filter((w) => w.batcherName === S) : C();
+  }, E = () => {
+    const S = p();
+    return S ? Array.from(T().values()).filter((w) => w.batcherName === S) : Array.from(T().values());
+  }, J = () => ({
+    ...Yt(l(), v(), t()),
+    transform: Zt(l(), e().isOpen),
     ...i.panelStyle
   });
-  return [k(Kt, {
+  return [k(Ut, {
     get isOpen() {
       return e().isOpen;
     },
@@ -978,10 +978,10 @@ const Jt = {
       return i.buttonClass;
     }
   }), (() => {
-    var x = Ht(), w = x.firstChild, E = w.nextSibling, I = E.firstChild;
+    var S = Ht(), w = S.firstChild, O = w.nextSibling, I = O.firstChild;
     I.firstChild;
-    var D = I.nextSibling, R = E.nextSibling, c = R.firstChild, P = c.firstChild, A = c.nextSibling, j = A.firstChild, G = j.firstChild, X = G.nextSibling, W = X.nextSibling, Q = W.nextSibling, M = j.nextSibling;
-    return w.$$mouseout = (m) => m.currentTarget.style.background = "transparent", w.$$mouseover = (m) => m.currentTarget.style.background = "#44403c", w.$$mousedown = y, o(E, Jt), o(I, Zt), D.$$click = a, o(D, Qt), o(R, Vt), o(c, en), o(P, tn), g(c, k(et, {
+    var D = I.nextSibling, R = O.nextSibling, c = R.firstChild, P = c.firstChild, A = c.nextSibling, j = A.firstChild, X = j.firstChild, G = X.nextSibling, W = G.nextSibling, Q = W.nextSibling, M = j.nextSibling;
+    return w.$$mouseout = (m) => m.currentTarget.style.background = "transparent", w.$$mouseover = (m) => m.currentTarget.style.background = "#44403c", w.$$mousedown = x, o(O, Jt), o(I, Qt), D.$$click = a, o(D, Vt), o(R, en), o(c, tn), o(P, nn), g(c, k(Ve, {
       get batchers() {
         return d();
       },
@@ -991,41 +991,41 @@ const Jt = {
       get selectedBatcher() {
         return p();
       },
-      onSelect: Pe
-    }), null), o(A, nn), o(j, rn), G.$$click = () => r("timeline"), X.$$click = () => r("events"), W.$$click = () => r("stats"), Q.$$click = () => r("trace"), o(M, on), g(M, (() => {
-      var m = N(() => s() === "timeline");
-      return () => m() && k(ut, {
+      onSelect: Ke
+    }), null), o(A, rn), o(j, on), X.$$click = () => r("timeline"), G.$$click = () => r("events"), W.$$click = () => r("stats"), Q.$$click = () => r("trace"), o(M, sn), g(M, (() => {
+      var m = L(() => s() === "timeline");
+      return () => m() && k(dt, {
         get batches() {
-          return O();
+          return E();
         }
       });
     })(), null), g(M, (() => {
-      var m = N(() => s() === "events");
-      return () => m() && k($t, {
+      var m = L(() => s() === "events");
+      return () => m() && k(St, {
         get events() {
-          return S();
+          return y();
         }
       });
     })(), null), g(M, (() => {
-      var m = N(() => s() === "stats");
-      return () => m() && k(kt, {
+      var m = L(() => s() === "stats");
+      return () => m() && k(_t, {
         get events() {
-          return S();
+          return y();
         },
         get batches() {
-          return O();
+          return E();
         }
       });
     })(), null), g(M, (() => {
-      var m = N(() => s() === "trace");
+      var m = L(() => s() === "trace");
       return () => m() && k(Nt, {
         get batcher() {
           return $();
         }
       });
     })(), null), B((m) => {
-      var V = i.panelClass, re = Z(), oe = Yt(l()), ie = s() === "timeline" ? ee : q, se = s() === "events" ? ee : q, le = s() === "stats" ? ee : q, ce = s() === "trace" ? ee : q;
-      return V !== m.e && we(x, m.e = V), m.t = o(x, re, m.t), m.a = o(w, oe, m.a), m.o = o(G, ie, m.o), m.i = o(X, se, m.i), m.n = o(W, le, m.n), m.s = o(Q, ce, m.s), m;
+      var V = i.panelClass, re = J(), oe = qt(l()), ie = s() === "timeline" ? ee : q, se = s() === "events" ? ee : q, le = s() === "stats" ? ee : q, ce = s() === "trace" ? ee : q;
+      return V !== m.e && _e(S, m.e = V), m.t = o(S, re, m.t), m.a = o(w, oe, m.a), m.o = o(X, ie, m.o), m.i = o(G, se, m.i), m.n = o(W, le, m.n), m.s = o(Q, ce, m.s), m;
     }, {
       e: void 0,
       t: void 0,
@@ -1034,15 +1034,15 @@ const Jt = {
       i: void 0,
       n: void 0,
       s: void 0
-    }), x;
+    }), S;
   })()];
 };
 ne(["mousedown", "mouseover", "mouseout", "click"]);
-function dn(i, e) {
+function un(i, e) {
   if (typeof window > "u")
     return () => {
     };
-  He(), (e != null && e.projectRoot || e != null && e.editor) && Ge({
+  He(), (e != null && e.projectRoot || e != null && e.editor) && Pe({
     projectRoot: e.projectRoot,
     editor: e.editor
   });
@@ -1054,12 +1054,12 @@ function dn(i, e) {
     panelStyle: e == null ? void 0 : e.panelStyle,
     panelClass: e == null ? void 0 : e.panelClass
   };
-  return je(() => sn(s), i);
+  return De(() => ln(s), i);
 }
 export {
-  Ge as c,
+  Pe as c,
   Y as g,
   He as i,
-  dn as m,
-  ke as u
+  un as m,
+  Ce as u
 };

package/dist/mount.js

@@ -1,5 +1,5 @@
 import "solid-js/web";
-import { m as t } from "./mount-CKKkXlex.js";
+import { m as t } from "./mount-Cl_oAy4R.js";
 export {
   t as mount
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "batchkit-devtools",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "DevTools panel for BatchKit - visualize batchers, batches, and invocations",
   "type": "module",
   "main": "./dist/index.js",
@@ -37,7 +37,7 @@
     "directory": "packages/devtools"
   },
   "peerDependencies": {
-    "batchkit": ">=0.3.6"
+    "batchkit": ">=0.3.7"
   },
   "peerDependenciesMeta": {
     "batchkit": {