@pinia/colada-devtools 0.0.4 → 0.0.6

package/dist-panel/index.js

@@ -1,4 +1,4 @@
-import { X as a } from "./index-BdIpA-g4.js";
+import { Y as a } from "./index-dcKxSjOS.js";
 export {
   a as DevtoolsPanel
 };

package/dist-panel/{loader-DHLcbUhz.js → loader-CDd8nw_A.js}

@@ -1,4 +1,4 @@
-import { m as o, c as n, o as t, a as r } from "./index-BdIpA-g4.js";
+import { m as o, c as n, o as t, a as r } from "./index-dcKxSjOS.js";
 const i = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -38,4 +38,4 @@ export {
   u as _,
   m as a
 };
-//# sourceMappingURL=loader-DHLcbUhz.js.map
+//# sourceMappingURL=loader-CDd8nw_A.js.map

package/dist-panel/loader-CDd8nw_A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader-CDd8nw_A.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-panel/{mouse-pointer-click-BHnWXkC_.js → mouse-pointer-click-BisIGlPs.js}

@@ -1,4 +1,4 @@
-import { m as o, c as n, o as t, a as r } from "./index-BdIpA-g4.js";
+import { m as o, c as n, o as t, a as r } from "./index-dcKxSjOS.js";
 const l = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -20,4 +20,4 @@ const c = o({ name: "lucide-mouse-pointer-click", render: a });
 export {
   c as _
 };
-//# sourceMappingURL=mouse-pointer-click-BHnWXkC_.js.map
+//# sourceMappingURL=mouse-pointer-click-BisIGlPs.js.map

package/dist-panel/mouse-pointer-click-BisIGlPs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouse-pointer-click-BisIGlPs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist-panel/mutations-DmPjJLlL.js

@@ -0,0 +1,13 @@
+import { _ as t, c as e, o as n, a as s } from "./index-dcKxSjOS.js";
+const a = {}, r = { class: "p-2" };
+function c(l, o) {
+  return n(), e("section", r, o[0] || (o[0] = [
+    s("h2", { class: "font-extrabold text-2xl" }, " Mutations ", -1),
+    s("p", { class: "my-2 font-mono" }, " 🚧 Work in progress 🏗️ ", -1)
+  ]));
+}
+const f = /* @__PURE__ */ t(a, [["render", c]]);
+export {
+  f as default
+};
+//# sourceMappingURL=mutations-DmPjJLlL.js.map

package/dist-panel/mutations-DmPjJLlL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutations-DmPjJLlL.js","sources":["../src/panel/pages/mutations.vue"],"sourcesContent":["<template>\n  <section class=\"p-2\">\n    <h2 class=\"font-extrabold text-2xl\">\n      Mutations\n    </h2>\n\n    <p class=\"my-2 font-mono\">\n      🚧 Work in progress 🏗️\n    </p>\n  </section>\n</template>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_cache","_createElementVNode"],"mappings":";cACWA,IAAA,EAAA,OAAM,MAAK;;AAApB,SAAAC,EAAA,GAAAC,EAQU,WARVF,GAQUG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAPRC,EAEK,MAFD,EAAA,OAAM,6BAA0B,eAEpC,EAAA;AAAA,IAEAA,EAEI,KAFD,EAAA,OAAM,oBAAiB,6BAE1B,EAAA;AAAA;;;"}

package/dist-panel/{queries-CE8W5p_h.js → queries-B9YVJVQ4.js}

@@ -5,13 +5,13 @@ var ge = (r) => {
 var Fe = (r, o, l) => o in r ? Ue(r, o, { enumerable: !0, configurable: !0, writable: !0, value: l }) : r[o] = l;
 var oe = (r, o, l) => Fe(r, typeof o != "symbol" ? o + "" : o, l), re = (r, o, l) => o.has(r) || ge("Cannot " + l);
 var F = (r, o, l) => (re(r, o, "read from private field"), l ? l.call(r) : o.get(r)), X = (r, o, l) => o.has(r) ? ge("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(r) : o.set(r, l), _e = (r, o, l, u) => (re(r, o, "write to private field"), u ? u.call(r, l) : o.set(r, l), l), xe = (r, o, l) => (re(r, o, "access private method"), l);
-import { d as Q, u as He, b as C, c as w, o as y, a as f, _ as qe, m as q, s as ce, e as Se, f as Je, r as ke, g as V, w as Z, h as le, n as A, i as $, F as te, j as de, t as ve, k as E, l as Ke, p as We, v as Xe, q as I, x as Ye, y as N, z as G, A as Pe, B as Ce, C as Me, D as Ze, E as Ge, G as T, H as ue, I as et, J as tt, K as nt, L as ze, M as at, N as st } from "./index-BdIpA-g4.js";
-import { _ as it, a as ot } from "./loader-DHLcbUhz.js";
-import { miniJsonParse as rt } from "@pinia/colada-devtools/shared";
-const lt = {
+import { d as Q, u as He, b as C, c as w, o as y, a as f, _ as qe, m as q, s as ce, e as Se, f as Je, r as ke, g as V, w as Z, h as le, n as A, i as $, F as te, j as de, t as ve, k as E, l as Ke, p as We, v as Xe, q as I, x as Ye, y as B, z as G, A as Pe, B as Ce, C as Me, D as Ze, E as Ge, G as T, H as ue, I as et, J as tt, K as nt, L as ze, M as at, N as st, O as it } from "./index-dcKxSjOS.js";
+import { _ as ot, a as rt } from "./loader-CDd8nw_A.js";
+import { miniJsonParse as lt } from "@pinia/colada-devtools/shared";
+const ut = {
   class: "progress-bar",
   "aria-hidden": ""
-}, ut = /* @__PURE__ */ Q({
+}, ct = /* @__PURE__ */ Q({
   __name: "UCircleProgress.ce",
   props: {
     value: { type: Number },
@@ -25,20 +25,20 @@ const lt = {
       b5e811ce: l.strokeWidth
     }));
     const o = C(() => Math.round((r.value - r.min) / (r.max - r.min) * 100));
-    return (l, u) => (y(), w("div", lt, u[0] || (u[0] = [
+    return (l, u) => (y(), w("div", ut, u[0] || (u[0] = [
       f("svg", null, [
         f("circle", { class: "bg" }),
         f("circle", { class: "fg" })
       ], -1)
     ])));
   }
-}), ct = ".progress-bar>svg[data-v-138f773b]{--progress-value: var(--dfc273d4);--size: 1em;--half-size: calc(var(--size) / 2);--stroke-width: calc(var(--b5e811ce) * var(--size) / 10);--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress-value) * var(--circumference)) / 100);animation:progress-animation 100s linear 0s 1 forwards;width:var(--size);height:var(--size)}.progress-bar circle[data-v-138f773b]{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:butt}.progress-bar circle.bg[data-v-138f773b]{stroke:color-mix(in hsl,currentColor 25%,var(--ui-bg))}.progress-bar circle.fg[data-v-138f773b]{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:currentColor}", dt = /* @__PURE__ */ qe(ut, [["styles", [ct]], ["__scopeId", "data-v-138f773b"]]), vt = {
+}), dt = ".progress-bar>svg[data-v-138f773b]{--progress-value: var(--dfc273d4);--size: 1em;--half-size: calc(var(--size) / 2);--stroke-width: calc(var(--b5e811ce) * var(--size) / 10);--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress-value) * var(--circumference)) / 100);animation:progress-animation 100s linear 0s 1 forwards;width:var(--size);height:var(--size)}.progress-bar circle[data-v-138f773b]{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:butt}.progress-bar circle.bg[data-v-138f773b]{stroke:color-mix(in hsl,currentColor 25%,var(--ui-bg))}.progress-bar circle.fg[data-v-138f773b]{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:currentColor}", vt = /* @__PURE__ */ qe(ct, [["styles", [dt]], ["__scopeId", "data-v-138f773b"]]), mt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function mt(r, o) {
-  return y(), w("svg", vt, o[0] || (o[0] = [
+function pt(r, o) {
+  return y(), w("svg", mt, o[0] || (o[0] = [
     f("g", {
       fill: "none",
       stroke: "currentColor",
@@ -55,13 +55,13 @@ function mt(r, o) {
     ], -1)
   ]));
 }
-const pt = q({ name: "lucide-circle-slash", render: mt }), ht = {
+const ht = q({ name: "lucide-circle-slash", render: pt }), ft = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ft(r, o) {
-  return y(), w("svg", ht, o[0] || (o[0] = [
+function gt(r, o) {
+  return y(), w("svg", ft, o[0] || (o[0] = [
     f("g", {
       fill: "none",
       stroke: "currentColor",
@@ -86,13 +86,13 @@ function ft(r, o) {
     ], -1)
   ]));
 }
-const gt = q({ name: "lucide-pause", render: ft }), _t = {
+const _t = q({ name: "lucide-pause", render: gt }), xt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function xt(r, o) {
-  return y(), w("svg", _t, o[0] || (o[0] = [
+function zt(r, o) {
+  return y(), w("svg", xt, o[0] || (o[0] = [
     f("path", {
       fill: "none",
       stroke: "currentColor",
@@ -103,13 +103,13 @@ function xt(r, o) {
     }, null, -1)
   ]));
 }
-const zt = q({ name: "lucide-check", render: xt }), yt = {
+const yt = q({ name: "lucide-check", render: zt }), bt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function bt(r, o) {
-  return y(), w("svg", yt, o[0] || (o[0] = [
+function wt(r, o) {
+  return y(), w("svg", bt, o[0] || (o[0] = [
     f("path", {
       fill: "none",
       stroke: "currentColor",
@@ -120,7 +120,7 @@ function bt(r, o) {
     }, null, -1)
   ]));
 }
-const wt = q({ name: "lucide-check-check", render: bt });
+const St = q({ name: "lucide-check-check", render: wt });
 function $e(r) {
   return r.asyncStatus === "loading" ? "loading" : r.state.status === "error" ? "error" : r.state.status === "pending" ? "pending" : r.stale ? "stale" : r.state.status === "success" ? "fresh" : "unknown";
 }
@@ -162,20 +162,20 @@ const ee = {
   }
 }, ye = ce(performance.timeOrigin + performance.now());
 let Y, be = 0;
-function St() {
+function kt() {
   return Y || (Y = setInterval(() => {
     ye.value = performance.timeOrigin + performance.now();
   }, 50)), be++, Se(() => {
     --be <= 0 && (clearInterval(Y), Y = void 0);
   }), ye;
 }
-const kt = { class: "h-full w-6 relative" }, Pt = ["title"], Ct = ["href", "title", "onClick"], Mt = { class: "flex font-mono flex-grow gap-0.5 overflow-auto items-center" }, $t = { class: "text-wrap break-words rounded bg-(--ui-text)/5 px-0.5" }, Rt = {
+const Pt = { class: "h-full w-6 relative" }, Ct = ["title"], Mt = ["href", "title", "onClick"], $t = { class: "flex font-mono flex-grow gap-0.5 overflow-auto items-center" }, Rt = { class: "text-wrap break-words rounded bg-(--ui-text)/5 px-0.5" }, Lt = {
   key: 0,
   "aria-hidden": "true"
-}, Lt = {
+}, Et = {
   key: 0,
   title: "This query is disabled"
-}, Et = { class: "rounded bg-theme/70 theme-neutral p-0.5 text-xs flex gap-x-0.5 items-center" }, Nt = {
+}, Nt = { class: "rounded bg-theme/70 theme-neutral p-0.5 text-xs flex gap-x-0.5 items-center" }, Tt = {
   key: 1,
   title: "This query will be garbage collected"
 }, Bt = /* @__PURE__ */ Q({
@@ -184,7 +184,7 @@ const kt = { class: "h-full w-6 relative" }, Pt = ["title"], Ct = ["href", "titl
     entry: {}
   },
   setup(r) {
-    const o = Je(), l = St();
+    const o = Je(), l = kt();
     function u(d) {
       d.preventDefault(), d.stopPropagation(), o.push("/queries");
     }
@@ -194,15 +194,15 @@ const kt = { class: "h-full w-6 relative" }, Pt = ["title"], Ct = ["href", "titl
         g = typeof d == "string" ? JSON.parse(d) : d;
       } catch {
       }
-      return g && typeof g == "object" ? rt(g) : String(g);
+      return g && typeof g == "object" ? lt(g) : String(g);
     })), h = C(() => $e(r.entry));
     return (d, g) => {
-      const b = it, v = wt, z = ot, S = zt, k = gt, P = pt, M = dt, _ = ke("RouterLink");
+      const b = ot, v = St, z = rt, S = yt, k = _t, P = ht, M = vt, _ = ke("RouterLink");
       return y(), V(_, {
-        to: { name: "/queries/[queryId]", params: { queryId: d.entry.id } },
+        to: { name: "/queries/[queryId]", params: { queryId: d.entry.keyHash } },
         custom: ""
       }, {
-        default: Z(({ isActive: p, navigate: D, href: O }) => {
+        default: Z(({ isActive: p, navigate: O, href: D }) => {
           var J, K;
           return [
             f("div", {
@@ -211,7 +211,7 @@ const kt = { class: "h-full w-6 relative" }, Pt = ["title"], Ct = ["href", "titl
                 d.entry.active ? "" : "text-(--ui-text)/50"
               ]])
             }, [
-              f("div", kt, [
+              f("div", Pt, [
                 f("div", {
                   class: A(["absolute -inset-1 right-0 flex items-center justify-center", $(ee)[h.value].base]),
                   title: h.value
@@ -237,27 +237,27 @@ const kt = { class: "h-full w-6 relative" }, Pt = ["title"], Ct = ["href", "titl
                     title: "Pending",
                     "aria-label": "Pending icon"
                   })) : le("", !0)
-                ], 10, Pt)
+                ], 10, Ct)
               ]),
               f("a", {
-                href: O,
+                href: D,
                 class: "hover:cursor-pointer block overflow-hidden",
                 title: d.entry.active ? "Active query" : "Inactive query",
-                onClick: (B) => p ? u(B) : D(B)
+                onClick: (N) => p ? u(N) : O(N)
               }, [
-                f("ol", Mt, [
-                  (y(!0), w(te, null, de(s.value, (B, ae) => (y(), w(te, { key: B }, [
-                    f("li", $t, ve(B), 1),
-                    ae < s.value.length - 1 ? (y(), w("li", Rt, "/")) : le("", !0)
+                f("ol", $t, [
+                  (y(!0), w(te, null, de(s.value, (N, ae) => (y(), w(te, { key: N }, [
+                    f("li", Rt, ve(N), 1),
+                    ae < s.value.length - 1 ? (y(), w("li", Lt, "/")) : le("", !0)
                   ], 64))), 128))
                 ])
-              ], 8, Ct),
-              ((J = d.entry.options) == null ? void 0 : J.enabled) === !1 ? (y(), w("div", Lt, [
-                f("span", Et, [
+              ], 8, Mt),
+              ((J = d.entry.options) == null ? void 0 : J.enabled) === !1 ? (y(), w("div", Et, [
+                f("span", Nt, [
                   E(P, { "aria-hidden": "" }),
                   g[0] || (g[0] = f("span", { class: "@max-md:hidden" }, "disabled", -1))
                 ])
-              ])) : !d.entry.active && d.entry.gcTimeout && d.entry.devtools.inactiveAt && typeof ((K = d.entry.options) == null ? void 0 : K.gcTime) == "number" && Number.isFinite(d.entry.options.gcTime) && d.entry.options.gcTime <= 3e4 ? (y(), w("div", Nt, [
+              ])) : !d.entry.active && d.entry.gcTimeout && d.entry.devtools.inactiveAt && typeof ((K = d.entry.options) == null ? void 0 : K.gcTime) == "number" && Number.isFinite(d.entry.options.gcTime) && d.entry.options.gcTime <= 3e4 ? (y(), w("div", Tt, [
                 E(M, {
                   class: "size-[1em] dark:text-neutral-500 text-neutral-400",
                   max: d.entry.options.gcTime,
@@ -271,7 +271,7 @@ const kt = { class: "h-full w-6 relative" }, Pt = ["title"], Ct = ["href", "titl
       }, 8, ["to"]);
     };
   }
-}), Tt = /* @__PURE__ */ Q({
+}), Ot = /* @__PURE__ */ Q({
   __name: "UInput.ce",
   props: {
     modelValue: {},
@@ -293,7 +293,7 @@ const kt = { class: "h-full w-6 relative" }, Pt = ["title"], Ct = ["href", "titl
   width: "1.2em",
   height: "1.2em"
 };
-function Ot(r, o) {
+function Vt(r, o) {
   return y(), w("svg", Dt, o[0] || (o[0] = [
     f("g", {
       fill: "none",
@@ -311,7 +311,7 @@ function Ot(r, o) {
     ], -1)
   ]));
 }
-const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
+const It = q({ name: "lucide-search", render: Vt }), At = /* @__PURE__ */ Q({
   __name: "splitpanes",
   props: {
     horizontal: { type: Boolean, default: !1 },
@@ -336,15 +336,15 @@ const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
   setup(r, { emit: o }) {
     const l = o, u = r;
     Ge();
-    const s = N([]), h = C(
+    const s = B([]), h = C(
       () => s.value.reduce((e, t) => (e[~~t.id] = t) && e, {})
-    ), d = C(() => s.value.length), g = N(null), b = N(!1), v = N({
+    ), d = C(() => s.value.length), g = B(null), b = B(!1), v = B({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
       cursorOffset: 0
       // Cursor offset within the splitter.
-    }), z = N({
+    }), z = B({
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
@@ -375,9 +375,9 @@ const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
       v.value.dragging && L("resized", { event: e }, !0), v.value.mouseDown = !1, v.value.activeSplitter = null, setTimeout(() => {
         v.value.dragging = !1, k();
       }, 100);
-    }, D = (e, t) => {
-      "ontouchstart" in window && (e.preventDefault(), z.value.splitter === t ? (clearTimeout(z.value.timeoutId), z.value.timeoutId = null, O(e, t), z.value.splitter = null) : (z.value.splitter = t, z.value.timeoutId = setTimeout(() => z.value.splitter = null, 500))), v.value.dragging || L("splitter-click", { event: e, index: t }, !0);
     }, O = (e, t) => {
+      "ontouchstart" in window && (e.preventDefault(), z.value.splitter === t ? (clearTimeout(z.value.timeoutId), z.value.timeoutId = null, D(e, t), z.value.splitter = null) : (z.value.splitter = t, z.value.timeoutId = setTimeout(() => z.value.splitter = null, 500))), v.value.dragging || L("splitter-click", { event: e, index: t }, !0);
+    }, D = (e, t) => {
       if (L("splitter-dblclick", { event: e, index: t }, !0), u.maximizePanes) {
         let a = 0;
         s.value = s.value.map((n, i) => (n.size = i === t ? n.max : n.min, i !== t && (a += n.min), n)), s.value[t].size -= a, L("pane-maximize", {
@@ -399,7 +399,7 @@ const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
         x: n - (u.horizontal ? 0 : v.value.cursorOffset) - a.left,
         y: i - (u.horizontal ? v.value.cursorOffset : 0) - a.top
       };
-    }, B = (e) => {
+    }, N = (e) => {
       e = e[u.horizontal ? "y" : "x"];
       const t = g.value[u.horizontal ? "clientHeight" : "clientWidth"];
       return u.rtl && !u.horizontal && (e = t - e), e * 100 / t;
@@ -411,7 +411,7 @@ const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const n = 0 + (u.pushOtherPanes ? 0 : a.prevPanesSize), i = 100 - (u.pushOtherPanes ? 0 : a.nextPanesSize), m = Math.max(Math.min(B(e), i), n);
+      const n = 0 + (u.pushOtherPanes ? 0 : a.prevPanesSize), i = 100 - (u.pushOtherPanes ? 0 : a.nextPanesSize), m = Math.max(Math.min(N(e), i), n);
       let c = [t, t + 1], x = s.value[c[0]], R = s.value[c[1]];
       if (!x || !R) return;
       const he = x.max < 100 && m >= x.max + a.prevPanesSize, Qe = R.max < 100 && m <= 100 - (R.max + U(t + 1));
@@ -446,7 +446,7 @@ const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
       }), e.nextPanesSize = U(n[1] - 1), n[1] === void 0) ? (e.nextReachedMinPanes = 0, s.value.forEach((c, x) => {
         x < d.value - 1 && x >= a + 1 && (c.size = c.min, e.nextReachedMinPanes += c.min);
       }), s.value[n[0]].size = 100 - e.prevPanesSize - U(n[0] - 1), null) : { sums: e, panesToResize: n };
-    }, me = (e) => s.value.reduce((t, a, n) => t + (n < e ? a.size : 0), 0), U = (e) => s.value.reduce((t, a, n) => t + (n > e + 1 ? a.size : 0), 0), Ee = (e) => [...s.value].reverse().find((t) => t.index < e && t.size > t.min) || {}, Ne = (e) => s.value.find((t) => t.index > e + 1 && t.size > t.min) || {}, Be = () => {
+    }, me = (e) => s.value.reduce((t, a, n) => t + (n < e ? a.size : 0), 0), U = (e) => s.value.reduce((t, a, n) => t + (n > e + 1 ? a.size : 0), 0), Ee = (e) => [...s.value].reverse().find((t) => t.index < e && t.size > t.min) || {}, Ne = (e) => s.value.find((t) => t.index > e + 1 && t.size > t.min) || {}, Te = () => {
       var e;
       const t = Array.from(((e = g.value) == null ? void 0 : e.children) || []);
       for (const a of t) {
@@ -457,21 +457,21 @@ const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
       }
     }, pe = (e, t, a = !1) => {
       const n = e - 1, i = document.createElement("div");
-      i.classList.add("splitpanes__splitter"), a || (i.onmousedown = (m) => M(m, n), typeof window < "u" && "ontouchstart" in window && (i.ontouchstart = (m) => M(m, n)), i.onclick = (m) => D(m, n + 1)), i.ondblclick = (m) => O(m, n + 1), t.parentNode.insertBefore(i, t);
-    }, Te = (e) => {
+      i.classList.add("splitpanes__splitter"), a || (i.onmousedown = (m) => M(m, n), typeof window < "u" && "ontouchstart" in window && (i.ontouchstart = (m) => M(m, n)), i.onclick = (m) => O(m, n + 1)), i.ondblclick = (m) => D(m, n + 1), t.parentNode.insertBefore(i, t);
+    }, Be = (e) => {
       e.onmousedown = void 0, e.onclick = void 0, e.ondblclick = void 0, e.remove();
     }, W = () => {
       var e;
       const t = Array.from(((e = g.value) == null ? void 0 : e.children) || []);
       for (const n of t)
-        n.className.includes("splitpanes__splitter") && Te(n);
+        n.className.includes("splitpanes__splitter") && Be(n);
       let a = 0;
       for (const n of t)
         n.className.includes("splitpanes__pane") && (!a && u.firstSplitter ? pe(a, n, !0) : a && pe(a, n), a++);
-    }, De = ({ uid: e, ...t }) => {
+    }, Oe = ({ uid: e, ...t }) => {
       const a = h.value[e];
       for (const [n, i] of Object.entries(t)) a[n] = i;
-    }, Oe = (e) => {
+    }, De = (e) => {
       var t;
       let a = -1;
       Array.from(((t = g.value) == null ? void 0 : t.children) || []).some((n) => (n.className.includes("splitpanes__pane") && a++, n.isSameNode(e.el))), s.value.splice(a, 0, { ...e, index: a }), s.value.forEach((n, i) => n.index = i), b.value && ue(() => {
@@ -552,11 +552,11 @@ const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
       () => u.firstSplitter,
       () => W()
     ), Pe(() => {
-      Be(), W(), se(), L("ready"), b.value = !0;
+      Te(), W(), se(), L("ready"), b.value = !0;
     }), Ce(() => b.value = !1), T("panes", s), T("indexedPanes", h), T(
       "horizontal",
       C(() => u.horizontal)
-    ), T("requestUpdate", De), T("onPaneAdd", Oe), T("onPaneRemove", Ve), T("onPaneClick", J), (e, t) => (y(), w("div", {
+    ), T("requestUpdate", Oe), T("onPaneAdd", De), T("onPaneRemove", Ve), T("onPaneClick", J), (e, t) => (y(), w("div", {
       class: A(S.value),
       ref_key: "containerEl",
       ref: g
@@ -573,7 +573,7 @@ const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
   },
   setup(r) {
     var o;
-    const l = r, u = I("requestUpdate"), s = I("onPaneAdd"), h = I("horizontal"), d = I("onPaneRemove"), g = I("onPaneClick"), b = (o = Ye()) == null ? void 0 : o.uid, v = I("indexedPanes"), z = C(() => v.value[b]), S = N(null), k = C(() => {
+    const l = r, u = I("requestUpdate"), s = I("onPaneAdd"), h = I("horizontal"), d = I("onPaneRemove"), g = I("onPaneClick"), b = (o = Ye()) == null ? void 0 : o.uid, v = I("indexedPanes"), z = C(() => v.value[b]), S = B(null), k = C(() => {
       const p = isNaN(l.size) || l.size === void 0 ? 0 : parseFloat(l.size);
       return Math.max(Math.min(p, M.value), P.value);
     }), P = C(() => {
@@ -606,26 +606,26 @@ const Vt = q({ name: "lucide-search", render: Ot }), It = /* @__PURE__ */ Q({
         size: k.value
         // The computed current size at any time.
       });
-    }), Ce(() => d(b)), (p, D) => (y(), w("div", {
+    }), Ce(() => d(b)), (p, O) => (y(), w("div", {
       ref_key: "paneEl",
       ref: S,
       class: "splitpanes__pane",
-      onClick: D[0] || (D[0] = (O) => $(g)(O, $(b))),
+      onClick: O[0] || (O[0] = (D) => $(g)(D, $(b))),
       style: Ze(_.value)
     }, [
       Me(p.$slots, "default")
     ], 4));
   }
-}), At = "bae45330cd3d4e0e96b60d26b57009b5";
-let jt = 0;
-const Qt = () => `${At}-${Date.now()}-${jt++}`;
-class Ut extends Event {
+}), jt = "bae45330cd3d4e0e96b60d26b57009b5";
+let Qt = 0;
+const Ut = () => `${jt}-${Date.now()}-${Qt++}`;
+class Ft extends Event {
   constructor(o, l, u) {
     super(o), this.container = l, this.matches = u;
   }
 }
 var j, H, ne, Re;
-class Ft extends EventTarget {
+class Ht extends EventTarget {
   constructor(l, u) {
     super();
     X(this, ne);
@@ -634,7 +634,7 @@ class Ft extends EventTarget {
     oe(this, "container");
     oe(this, "matches");
     this.container = u;
-    const s = `container-query-observer-${Qt()}`, h = `data-${s}`;
+    const s = `container-query-observer-${Ut()}`, h = `data-${s}`;
     l.setAttribute(h, "");
     const d = `--${s}`, g = `
       @property ${d} {
@@ -673,7 +673,7 @@ j = new WeakMap(), H = new WeakMap(), ne = new WeakSet(), Re = function(l, u, s)
         if (S !== k && (z[l] = S, h[l] = S, l in z)) {
           const M = z[l] === "--true";
           this.matches = M;
-          const _ = new Ut("change", u, M);
+          const _ = new Ft("change", u, M);
           this.dispatchEvent(_);
         }
       }
@@ -684,9 +684,9 @@ j = new WeakMap(), H = new WeakMap(), ne = new WeakSet(), Re = function(l, u, s)
   h[l] = g;
 };
 typeof window < "u" && (HTMLElement.prototype.matchContainer || (HTMLElement.prototype.matchContainer = function(o) {
-  return new Ft(this, o);
+  return new Ht(this, o);
 }));
-function Ht(r, o) {
+function qt(r, o) {
   const l = et(
     () => typeof document < "u" && typeof document.body.matchContainer == "function"
   ), u = ce(), s = ce(!1);
@@ -705,13 +705,13 @@ function Ht(r, o) {
     { passive: !0 }
   ), C(() => s.value);
 }
-const qt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Jt = { class: "flex items-center p-2 border-b border-(--ui-border) gap-2" }, Kt = { class: "relative flex-grow" }, Wt = { class: "flex gap-x-1" }, Xt = ["title"], Yt = { class: "@max-[750px]:hidden" }, Zt = {
+const Jt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Kt = { class: "flex items-center p-2 border-b border-(--ui-border) gap-2" }, Wt = { class: "relative flex-grow" }, Xt = { class: "flex gap-x-1" }, Yt = ["title"], Zt = { class: "@max-[750px]:hidden" }, Gt = {
   role: "list",
   class: "divide-y divide-(--ui-border)"
-}, an = /* @__PURE__ */ Q({
+}, sn = /* @__PURE__ */ Q({
   __name: "queries",
   setup(r) {
-    const o = N(""), l = at(), u = C(() => {
+    const o = B(""), l = at(), u = C(() => {
       let v = l.value;
       if (o.value) {
         const z = o.value.toLowerCase();
@@ -725,18 +725,18 @@ const qt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Jt
       pending: [],
       inactive: u.value.filter((v) => !v.active),
       ...Object.groupBy(u.value, (v) => $e(v))
-    })), h = N(), d = Ht("(width < 768px)", () => {
+    })), h = st("split-panes-container"), d = qt("(width < 768px)", () => {
       var v;
       return (v = h.value) == null ? void 0 : v.$el;
-    }), g = st("pc-devtools-query-list-panel-size", [30, 70]);
+    }), g = it("pc-devtools-query-list-panel-size", [30, 70]);
     function b({ panes: v }) {
       g.value = v.map((z) => z.size);
     }
     return (v, z) => {
-      const S = Vt, k = Tt, P = Bt, M = ke("RouterView");
-      return y(), w("section", qt, [
-        f("div", Jt, [
-          f("div", Kt, [
+      const S = It, k = Ot, P = Bt, M = ke("RouterView");
+      return y(), w("section", Jt, [
+        f("div", Kt, [
+          f("div", Wt, [
             E(S, { class: "absolute left-2 top-1/2 -translate-y-1/2 text-ui-text-muted size-4" }),
             E(k, {
               modelValue: o.value,
@@ -746,7 +746,7 @@ const qt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Jt
               placeholder: "Search Queries"
             }, null, 8, ["modelValue"])
           ]),
-          f("div", Wt, [
+          f("div", Xt, [
             (y(!0), w(te, null, de(s.value, (_, p) => (y(), w("div", {
               key: p,
               class: A(["theme-neutral bg-(--ui-bg-muted) rounded p-1 text-xs font-semibold flex items-center gap-x-1", ((_ == null ? void 0 : _.length) ?? 0) === 0 ? "text-(--ui-text-muted)" : ""]),
@@ -755,7 +755,7 @@ const qt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Jt
               f("div", {
                 class: A(["rounded-full size-2", $(ee)[p].base])
               }, null, 2),
-              f("span", Yt, ve(p), 1),
+              f("span", Zt, ve(p), 1),
               f("div", {
                 class: A([
                   "px-1.5 py-0.5 rounded min-w-[1.65em] flex justify-center",
@@ -764,12 +764,11 @@ const qt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Jt
               }, [
                 f("span", null, ve((_ == null ? void 0 : _.length) ?? 0), 1)
               ], 2)
-            ], 10, Xt))), 128))
+            ], 10, Yt))), 128))
           ])
         ]),
-        E($(It), {
-          ref_key: "container",
-          ref: h,
+        E($(At), {
+          ref: "split-panes-container",
           class: "overflow-hidden",
           horizontal: $(d),
           onResized: b
@@ -781,9 +780,9 @@ const qt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Jt
               class: "flex flex-col"
             }, {
               default: Z(() => [
-                f("ol", Zt, [
+                f("ol", Gt, [
                   (y(!0), w(te, null, de(u.value, (_) => (y(), w("li", {
-                    key: _.id
+                    key: _.keyHash
                   }, [
                     E(P, { entry: _ }, null, 8, ["entry"])
                   ]))), 128))
@@ -809,6 +808,6 @@ const qt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Jt
   }
 });
 export {
-  an as default
+  sn as default
 };
-//# sourceMappingURL=queries-CE8W5p_h.js.map
+//# sourceMappingURL=queries-B9YVJVQ4.js.map