@pinia/colada-devtools 0.4.1 → 0.4.3

package/dist-panel/index-DLKyTdsm.js

@@ -0,0 +1,10 @@
+import { _ as e, o as c, c as n } from "./index-CYb5D1Be.js";
+const o = {};
+function r(t, a) {
+  return c(), n("h1", null, "Homepage");
+}
+const _ = /* @__PURE__ */ e(o, [["render", r]]);
+export {
+  _ as default
+};
+//# sourceMappingURL=index-DLKyTdsm.js.map

package/dist-panel/{index-C5FekW9K.js.map → index-DLKyTdsm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-C5FekW9K.js","sources":["../src/panel/pages/index.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <h1>Homepage</h1>\n</template>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;AAGE,SAAAA,EAAA,GAAAC,EAAiB,YAAb,UAAQ;;;"}
+{"version":3,"file":"index-DLKyTdsm.js","sources":["../src/panel/pages/index.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <h1>Homepage</h1>\n</template>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;AAGE,SAAAA,EAAA,GAAAC,EAAiB,YAAb,UAAQ;;;"}

package/dist-panel/index.js

@@ -1,4 +1,4 @@
-import { a1 as e } from "./index-D0GQZaew.js";
+import { a1 as e } from "./index-CYb5D1Be.js";
 export {
   e as DevtoolsPanel
 };

package/dist-panel/{loader-DjhAUFXk.js → loader-Ca7c0zg-.js}

@@ -1,11 +1,11 @@
-import { m as o, c as n, o as t, a as r } from "./index-D0GQZaew.js";
+import { m as o, o as n, c as t, a as r } from "./index-CYb5D1Be.js";
 const i = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function s(l, e) {
-  return t(), n("svg", i, [...e[0] || (e[0] = [
+  return n(), t("svg", i, [...e[0] || (e[0] = [
     r("path", {
       fill: "none",
       stroke: "currentColor",
@@ -22,7 +22,7 @@ const m = o({ name: "lucide-x-octagon", render: s }), a = {
   height: "1.2em"
 };
 function d(l, e) {
-  return t(), n("svg", a, [...e[0] || (e[0] = [
+  return n(), t("svg", a, [...e[0] || (e[0] = [
     r("path", {
       fill: "none",
       stroke: "currentColor",
@@ -38,4 +38,4 @@ export {
   u as _,
   m as a
 };
-//# sourceMappingURL=loader-DjhAUFXk.js.map
+//# sourceMappingURL=loader-Ca7c0zg-.js.map

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

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

package/dist-panel/{mouse-pointer-click-BwcHzNw_.js → mouse-pointer-click-ClYfwImy.js}

@@ -1,11 +1,11 @@
-import { m as o, c as n, o as t, a as r } from "./index-D0GQZaew.js";
+import { m as o, o as n, c as t, a as r } from "./index-CYb5D1Be.js";
 const l = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function a(s, e) {
-  return t(), n("svg", l, [...e[0] || (e[0] = [
+  return n(), t("svg", l, [...e[0] || (e[0] = [
     r("path", {
       fill: "none",
       stroke: "currentColor",
@@ -20,4 +20,4 @@ const c = o({ name: "lucide-mouse-pointer-click", render: a });
 export {
   c as _
 };
-//# sourceMappingURL=mouse-pointer-click-BwcHzNw_.js.map
+//# sourceMappingURL=mouse-pointer-click-ClYfwImy.js.map

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

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

package/dist-panel/{mutations-Fiuj8fCV.js → mutations-pMmse5fr.js}

@@ -1,6 +1,6 @@
-import { u as O, a as U, _ as q, b as D, c as K, d as Q, e as H, f as J, h as W, x as A, g as X } from "./use-container-media-query-DHWhgIKV.js";
-import { m as j, c as o, o as n, a as t, d as B, u as Y, b as S, r as E, e as g, w as $, f as h, n as y, g as i, F as C, h as M, t as x, i as u, j as Z, k as G, l as ee, p as te } from "./index-D0GQZaew.js";
-import { _ as ne, a as oe } from "./loader-DjhAUFXk.js";
+import { u as O, _ as U, a as q, b as D, c as K, d as Q, e as H, f as J, x as A, g as W, h as X } from "./use-container-media-query-CrxtYrv0.js";
+import { m as j, o as n, c as o, a as t, d as B, u as Y, r as E, b as g, w as $, n as y, e as i, f as h, F as S, g as M, t as x, h as u, i as C, j as Z, k as G, l as ee, p as te } from "./index-CYb5D1Be.js";
+import { _ as ne, a as oe } from "./loader-Ca7c0zg-.js";
 const se = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -96,11 +96,11 @@ const z = {
     function p(_) {
       _.preventDefault(), _.stopPropagation(), a.push("/mutations");
     }
-    const f = U(() => e.entry.key), b = S(() => !e.entry.key), c = S(() => N(e.entry));
+    const f = K(() => e.entry.key), b = C(() => !e.entry.key), c = C(() => N(e.entry));
     return (_, R) => {
-      const l = ne, s = q, m = oe, v = D, k = ce, T = ae, I = K, r = E("RouterLink");
+      const l = ne, s = U, m = oe, v = q, k = ce, T = ae, I = D, r = E("RouterLink");
       return n(), g(r, {
-        to: { name: "/mutations/[mutationId]", params: { mutationId: e.entry.id } },
+        to: { name: "/mutations/[mutationId=int]", params: { mutationId: e.entry.id } },
         custom: ""
       }, {
         default: $(({ isActive: d, navigate: P, href: F }) => [
@@ -150,7 +150,7 @@ const z = {
             }, [
               t("div", _e, [
                 i(f) ? (n(), o("ol", ge, [
-                  (n(!0), o(C, null, M(i(f), (w, V) => (n(), o(C, { key: V }, [
+                  (n(!0), o(S, null, M(i(f), (w, V) => (n(), o(S, { key: V }, [
                     t("li", pe, x(w), 1),
                     V < i(f).length - 1 ? (n(), o("li", xe, "/")) : h("", !0)
                   ], 64))), 128)),
@@ -188,14 +188,14 @@ const z = {
 }, Ae = /* @__PURE__ */ B({
   __name: "mutations",
   setup(e) {
-    const a = Z(""), L = G(), p = S(() => {
+    const a = te(""), L = Z(), p = C(() => {
       let l = L.value;
       if (a.value) {
         const s = a.value.toLowerCase();
         l = l.filter((m) => m.key ? m.key.some((v) => String(v).toLowerCase().includes(s)) : !1);
       }
       return l.toSorted((s, m) => m.devtools.updatedAt - s.devtools.updatedAt);
-    }), f = S(
+    }), f = C(
       () => ({
         loading: [],
         success: [],
@@ -205,7 +205,7 @@ const z = {
         inactive: p.value.filter((l) => !l.active),
         ...Object.groupBy(p.value, (l) => N(l))
       })
-    ), b = ee("split-panes-container"), c = Q("(width < 768px)", () => b.value?.$el), _ = te(
+    ), b = G("split-panes-container"), c = Q("(width < 768px)", () => b.value?.$el), _ = ee(
       "pc-devtools-mutation-list-panel-size",
       [30, 70]
     );
@@ -213,7 +213,7 @@ const z = {
       _.value = l.map((s) => s.size);
     }
     return (l, s) => {
-      const m = H, v = J, k = ke, T = X, I = E("RouterView");
+      const m = H, v = J, k = ke, T = W, I = E("RouterView");
       return n(), o("section", we, [
         t("div", $e, [
           t("div", ze, [
@@ -227,7 +227,7 @@ const z = {
             }, null, 8, ["modelValue"])
           ]),
           t("div", Se, [
-            (n(!0), o(C, null, M(f.value, (r, d) => (n(), o("div", {
+            (n(!0), o(S, null, M(f.value, (r, d) => (n(), o("div", {
               key: d,
               class: y(["theme-neutral bg-(--ui-bg-muted) rounded p-1 text-xs font-semibold flex items-center gap-x-1", (r?.length ?? 0) === 0 ? "text-(--ui-text-muted)" : ""]),
               title: `${r?.length ?? 0} ${d} mutations (after filtering)`
@@ -247,7 +247,7 @@ const z = {
             ], 10, Ce))), 128))
           ])
         ]),
-        u(i(W), {
+        u(i(X), {
           ref: "split-panes-container",
           class: "overflow-hidden",
           horizontal: i(c),
@@ -261,7 +261,7 @@ const z = {
             }, {
               default: $(() => [
                 p.value.length > 0 ? (n(), o("ol", Te, [
-                  (n(!0), o(C, null, M(p.value, (r) => (n(), o("li", {
+                  (n(!0), o(S, null, M(p.value, (r) => (n(), o("li", {
                     key: r.id
                   }, [
                     u(k, { entry: r }, null, 8, ["entry"])
@@ -294,4 +294,4 @@ const z = {
 export {
   Ae as default
 };
-//# sourceMappingURL=mutations-Fiuj8fCV.js.map
+//# sourceMappingURL=mutations-pMmse5fr.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mutations-pMmse5fr.js","sources":["../src/panel/utils/mutation-state.ts","../src/panel/components/ListMutationEntry.vue","../src/panel/pages/mutations.vue"],"sourcesContent":["import type { UseMutationEntryPayload } from '@pinia/colada-devtools/shared'\n\nexport type UseMutationEntryPayloadStatus =\n  | 'loading'\n  | 'success'\n  | 'error'\n  | 'pending'\n  | 'idle'\n  | 'inactive'\n\nexport function getMutationStatus(entry: UseMutationEntryPayload): UseMutationEntryPayloadStatus {\n  if (entry.asyncStatus === 'loading') {\n    return 'loading'\n  }\n  if (entry.state.status === 'error') {\n    return 'error'\n  }\n  if (entry.state.status === 'success') {\n    return 'success'\n  }\n  if (entry.state.status === 'pending') {\n    return 'pending'\n  }\n\n  return 'idle'\n}\n\nexport const STATUS_COLOR_CLASSES: Record<\n  UseMutationEntryPayloadStatus,\n  {\n    base: string\n    clear: string\n    text: string\n  }\n> = {\n  loading: {\n    base: 'bg-purple-400',\n    clear: 'bg-purple-200',\n    text: 'text-purple-100',\n  },\n  success: {\n    base: 'bg-success-500',\n    clear: 'bg-success-200',\n    text: 'text-success-100',\n  },\n  error: {\n    base: 'bg-error-500',\n    clear: 'bg-error-200',\n    text: 'text-error-100',\n  },\n  pending: {\n    base: 'bg-warning-500',\n    clear: 'bg-warning-200',\n    text: 'text-warning-100',\n  },\n  idle: {\n    base: 'bg-neutral-400',\n    clear: 'bg-neutral-200',\n    text: 'text-neutral-100',\n  },\n  inactive: {\n    base: 'bg-neutral-400',\n    clear: 'bg-neutral-200',\n    text: 'text-neutral-100',\n  },\n}\n","<script setup lang=\"ts\">\nimport type { UseMutationEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed } from 'vue'\nimport { getMutationStatus, STATUS_COLOR_CLASSES } from '../utils/mutation-state'\nimport { useRouter } from 'vue-router'\nimport { usePerformanceNow } from '../composables/performance-now'\nimport { useFormattedKey } from '../composables/entries'\n\nconst { entry } = defineProps<{\n  entry: UseMutationEntryPayload\n}>()\nconst router = useRouter()\nconst now = usePerformanceNow()\n\nfunction unselect(event: MouseEvent) {\n  event.preventDefault()\n  event.stopPropagation()\n  router.push('/mutations')\n}\n\nconst formattedKey = useFormattedKey(() => entry.key)\nconst isAnonymous = computed(() => !entry.key)\nconst status = computed(() => getMutationStatus(entry))\n</script>\n\n<template>\n  <RouterLink\n    v-slot=\"{ isActive, navigate, href }\"\n    :to=\"{ name: '/mutations/[mutationId=int]', params: { mutationId: entry.id } }\"\n    custom\n  >\n    <div\n      class=\"grid grid-cols-[minmax(0,auto)_1fr] grid-flow-col items-center gap-x-2 p-1 relative text-sm @container\"\n      :class=\"[\n        isActive ? 'bg-neutral-200 dark:bg-neutral-700' : 'hover:bg-(--ui-bg-elevated)',\n        entry.active ? '' : 'text-(--ui-text)/50',\n      ]\"\n    >\n      <div class=\"h-full w-6 relative\">\n        <div\n          class=\"absolute -inset-1 right-0 flex items-center justify-center\"\n          :class=\"STATUS_COLOR_CLASSES[status].base\"\n          :title=\"status\"\n        >\n          <i-lucide-loader v-if=\"status === 'loading'\" title=\"Loading\" aria-label=\"Loading icon\" />\n          <i-lucide-check\n            v-else-if=\"status === 'success'\"\n            title=\"Success\"\n            aria-label=\"Success icon\"\n          />\n          <i-lucide-x-octagon\n            v-else-if=\"status === 'error'\"\n            title=\"Error\"\n            aria-label=\"Error icon\"\n          />\n          <i-lucide-pause\n            v-else-if=\"status === 'pending'\"\n            title=\"Pending\"\n            aria-label=\"Pending icon\"\n          />\n          <i-lucide-circle v-else-if=\"status === 'idle'\" title=\"Idle\" aria-label=\"Idle icon\" />\n          <i-lucide-circle\n            v-else-if=\"status === 'inactive'\"\n            title=\"Inactive\"\n            aria-label=\"Inactive icon\"\n          />\n        </div>\n      </div>\n\n      <a\n        :href\n        class=\"hover:cursor-pointer block overflow-hidden\"\n        :title=\"`${isAnonymous ? 'Anonymous' : 'Mutation'} execution ${entry.id}`\"\n        @click=\"isActive ? unselect($event) : navigate($event)\"\n      >\n        <div class=\"flex items-center gap-1.5\">\n          <ol class=\"flex font-mono grow gap-0.5 overflow-auto items-center\" v-if=\"formattedKey\">\n            <template v-for=\"(key, i) in formattedKey\" :key=\"i\">\n              <li class=\"text-wrap wrap-break-word rounded px-0.5 bg-(--ui-text)/5\">\n                {{ key }}\n              </li>\n              <li v-if=\"i < formattedKey.length - 1\" aria-hidden=\"true\">/</li>\n            </template>\n            <li class=\"text-xs text-(--ui-text-muted)\">({{ entry.id }})</li>\n          </ol>\n          <div\n            v-if=\"isAnonymous\"\n            class=\"grid grid-cols-[auto_auto_1fr] gap-1.5 items-center w-full\"\n          >\n            <i-lucide-file-question class=\"text-(--ui-text-muted) grow\" />\n            <span class=\"text-xs\">{{ entry.id }}</span>\n            <span>\n              <span class=\"font-mono rounded px-0.5 bg-(--ui-text)/8\">{{\n                new Date(entry.when).toISOString()\n              }}</span>\n            </span>\n          </div>\n        </div>\n      </a>\n\n      <div\n        v-if=\"\n          !entry.active &&\n          entry.gcTimeout &&\n          entry.devtools.inactiveAt &&\n          typeof entry.options?.gcTime === 'number' &&\n          Number.isFinite(entry.options.gcTime) &&\n          entry.options.gcTime <= 30_000\n        \"\n        title=\"This mutation will be garbage collected\"\n      >\n        <UCircleProgress\n          class=\"size-[1em] dark:text-neutral-500 text-neutral-400\"\n          :max=\"entry.options.gcTime\"\n          :value=\"entry.devtools.inactiveAt + entry.options.gcTime - now\"\n        />\n      </div>\n    </div>\n  </RouterLink>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useTemplateRef } from 'vue'\nimport { Pane, Splitpanes } from '@posva/splitpanes'\nimport { useMutationEntries } from '../composables/duplex-channel'\nimport { getMutationStatus, STATUS_COLOR_CLASSES } from '../utils/mutation-state'\nimport type { UseMutationEntryPayloadStatus } from '../utils/mutation-state'\nimport type { UseMutationEntryPayload } from '@pinia/colada-devtools/shared'\nimport { useContainerMediaQuery } from '../composables/use-container-media-query'\nimport { useLocalStorage } from '@vueuse/core'\n\nconst searchQuery = ref('')\n\nconst mutations = useMutationEntries()\n\nconst filteredItems = computed(() => {\n  let items = mutations.value\n\n  if (searchQuery.value) {\n    const query = searchQuery.value.toLowerCase()\n    items = items.filter((item) => {\n      if (!item.key) return false\n      return item.key.some((v) => String(v).toLowerCase().includes(query))\n    })\n  }\n\n  // Sort by most recent first\n  return items.toSorted((a, b) => {\n    return b.devtools.updatedAt - a.devtools.updatedAt\n  })\n})\n\nconst mutationsGrouped = computed<Record<UseMutationEntryPayloadStatus, UseMutationEntryPayload[]>>(\n  () => {\n    return {\n      loading: [],\n      success: [],\n      error: [],\n      pending: [],\n      idle: [],\n      inactive: filteredItems.value.filter((item) => !item.active),\n      ...Object.groupBy(filteredItems.value, (item) => getMutationStatus(item)),\n    }\n  },\n)\n\nconst container = useTemplateRef('split-panes-container')\nconst isNarrow = useContainerMediaQuery('(width < 768px)', () => container.value?.$el)\n\nconst mutationListPanelSize = useLocalStorage<number[]>(\n  'pc-devtools-mutation-list-panel-size',\n  [30, 70],\n)\n\nfunction updatePanesSize({ panes }: { panes: { size: number }[] }) {\n  mutationListPanelSize.value = panes.map((pane) => pane.size)\n}\n</script>\n\n<template>\n  <section class=\"grid grid-rows-[auto_1fr] overflow-hidden @container\">\n    <!-- Search & Actions Bar -->\n    <div class=\"flex items-center p-2 border-b border-(--ui-border) gap-2\">\n      <div class=\"relative grow\">\n        <i-lucide-search\n          class=\"absolute left-2 top-1/2 -translate-y-1/2 text-ui-text-muted size-4\"\n        />\n        <UInput v-model=\"searchQuery\" type=\"search\" class=\"w-full\" placeholder=\"Search Mutations\" />\n      </div>\n\n      <div class=\"flex gap-x-1\">\n        <div\n          v-for=\"(mutationGroup, status) in mutationsGrouped\"\n          :key=\"status\"\n          class=\"theme-neutral bg-(--ui-bg-muted) rounded p-1 text-xs font-semibold flex items-center gap-x-1\"\n          :class=\"(mutationGroup?.length ?? 0) === 0 ? 'text-(--ui-text-muted)' : ''\"\n          :title=\"`${mutationGroup?.length ?? 0} ${status} mutations (after filtering)`\"\n        >\n          <div class=\"rounded-full size-2\" :class=\"STATUS_COLOR_CLASSES[status].base\" />\n          <span class=\"@max-[750px]:hidden\">{{ status }}</span>\n          <div\n            class=\"px-1.5 py-0.5 rounded min-w-[1.65em] flex justify-center\"\n            :class=\"\n              (mutationGroup?.length ?? 0) === 0\n                ? 'bg-(--ui-bg-accented)'\n                : [STATUS_COLOR_CLASSES[status].base, STATUS_COLOR_CLASSES[status].text]\n            \"\n          >\n            <span>{{ mutationGroup?.length ?? 0 }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <Splitpanes\n      ref=\"split-panes-container\"\n      class=\"overflow-hidden\"\n      :horizontal=\"isNarrow\"\n      @resized=\"updatePanesSize\"\n    >\n      <!-- List Panel -->\n      <Pane min-size=\"15\" :size=\"mutationListPanelSize[0]\" class=\"flex flex-col\">\n        <ol role=\"list\" class=\"divide-y divide-(--ui-border)\" v-if=\"filteredItems.length > 0\">\n          <li v-for=\"entry of filteredItems\" :key=\"entry.id\">\n            <ListMutationEntry :entry />\n          </li>\n        </ol>\n        <div\n          v-else\n          class=\"flex flex-col items-center p-4 text-(--ui-text-muted) text-sm text-center gap-2\"\n        >\n          <i-lucide-inbox class=\"size-8\" />\n          <h3 class=\"text-lg\">No mutations found</h3>\n          <p>Try adjusting your search or perform some mutations in your app.</p>\n        </div>\n      </Pane>\n\n      <!-- Details Panel -->\n      <Pane min-size=\"30\" :size=\"mutationListPanelSize[1]\" class=\"flex flex-col\">\n        <RouterView />\n      </Pane>\n    </Splitpanes>\n  </section>\n</template>\n"],"names":["getMutationStatus","entry","STATUS_COLOR_CLASSES","router","useRouter","now","usePerformanceNow","unselect","event","formattedKey","useFormattedKey","__props","isAnonymous","computed","status","_createBlock","_component_RouterLink","_withCtx","isActive","navigate","href","_createElementVNode","_hoisted_1","_unref","_component_i_lucide_loader","_component_i_lucide_check","_component_i_lucide_x_octagon","_component_i_lucide_pause","_component_i_lucide_circle","$event","_hoisted_4","_openBlock","_createElementBlock","_hoisted_5","_Fragment","_renderList","key","i","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","_createVNode","_component_i_lucide_file_question","_hoisted_10","_hoisted_11","_hoisted_12","_component_UCircleProgress","searchQuery","ref","mutations","useMutationEntries","filteredItems","items","query","item","a","b","mutationsGrouped","container","useTemplateRef","isNarrow","useContainerMediaQuery","mutationListPanelSize","useLocalStorage","updatePanesSize","panes","pane","_hoisted_2","_hoisted_3","_component_i_lucide_search","_component_UInput","mutationGroup","_normalizeClass","Splitpanes","Pane","_component_ListMutationEntry","_component_i_lucide_inbox","_cache","_component_RouterView"],"mappings":"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"}

package/dist-panel/queries-BM6WYBXZ.js

@@ -0,0 +1,312 @@
+import { u as I, _ as U, a as M, b as O, c as D, d as H, e as K, f as J, x as V, g as W, h as X } from "./use-container-media-query-CrxtYrv0.js";
+import { m as B, o as t, c as s, a as n, d as j, u as Y, r as E, b as p, w, n as v, e as i, f as k, h as c, F as $, g as T, i as R, t as A, C as Z, k as G, l as ee, p as te } from "./index-CYb5D1Be.js";
+import { _ as ne, a as se } from "./loader-Ca7c0zg-.js";
+const oe = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function re(e, o) {
+  return t(), s("svg", oe, [...o[0] || (o[0] = [
+    n("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      n("circle", {
+        cx: "12",
+        cy: "12",
+        r: "10"
+      }),
+      n("path", { d: "m9 15l6-6" })
+    ], -1)
+  ])]);
+}
+const ie = B({ name: "lucide-circle-slash", render: re }), ae = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function le(e, o) {
+  return t(), s("svg", ae, [...o[0] || (o[0] = [
+    n("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"
+    }, null, -1)
+  ])]);
+}
+const ce = B({ name: "lucide-zap", render: le }), ue = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function de(e, o) {
+  return t(), s("svg", ue, [...o[0] || (o[0] = [
+    n("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M18 6L7 17l-5-5m20-2l-7.5 7.5L13 16"
+    }, null, -1)
+  ])]);
+}
+const _e = B({ name: "lucide-check-check", render: de });
+function N(e) {
+  return e.asyncStatus === "loading" ? "loading" : e.state.status === "error" ? "error" : e.state.status === "pending" ? "pending" : e.stale ? "stale" : e.state.status === "success" ? "fresh" : "unknown";
+}
+const z = {
+  loading: {
+    base: "bg-purple-400",
+    clear: "bg-purple-200",
+    text: "text-purple-100"
+  },
+  fresh: {
+    base: "bg-success-500",
+    clear: "bg-success-200",
+    text: "text-success-100"
+  },
+  error: {
+    base: "bg-error-500",
+    clear: "bg-error-200",
+    text: "text-error-100"
+  },
+  stale: {
+    base: "bg-info-500",
+    clear: "bg-info-200",
+    text: "text-info-100"
+  },
+  pending: {
+    base: "bg-warning-500",
+    clear: "bg-warning-200",
+    text: "text-warning-100"
+  },
+  inactive: {
+    base: "bg-neutral-400",
+    clear: "bg-neutral-200",
+    text: "text-neutral-100"
+  },
+  unknown: {
+    base: "bg-gray-400",
+    clear: "bg-gray-200",
+    text: "text-gray-100"
+  }
+}, me = { class: "h-full w-6 relative" }, ge = ["title"], pe = ["href", "onClick"], fe = {
+  key: 0,
+  title: "This query was prefetched or set manually",
+  class: "shrink-0 text-info-700 dark:text-info-300 cursor-help"
+}, he = ["title"], xe = { class: "text-wrap wrap-break-word rounded bg-(--ui-text)/5 px-0.5" }, ve = {
+  key: 0,
+  "aria-hidden": "true"
+}, ye = {
+  key: 0,
+  title: "This query is disabled"
+}, be = { class: "rounded bg-theme/70 theme-neutral p-0.5 text-xs flex gap-x-0.5 items-center" }, ke = {
+  key: 1,
+  title: "This query will be garbage collected"
+}, we = /* @__PURE__ */ j({
+  __name: "ListQueryEntry",
+  props: {
+    entry: {}
+  },
+  setup(e) {
+    const o = Y(), C = I();
+    function m(f) {
+      f.preventDefault(), f.stopPropagation(), o.push("/queries");
+    }
+    const y = D(() => e.entry.key), u = R(() => N(e.entry));
+    return (f, g) => {
+      const S = ne, a = _e, r = se, _ = U, b = M, h = ce, L = ie, q = O, l = E("RouterLink");
+      return t(), p(l, {
+        to: { name: "/queries/[queryId]", params: { queryId: e.entry.keyHash } },
+        custom: ""
+      }, {
+        default: w(({ isActive: d, navigate: P, href: Q }) => [
+          n("div", {
+            class: v(["grid grid-cols-[minmax(0,auto)_1fr] grid-flow-col items-center gap-x-2 p-1 relative text-sm @container", [
+              d ? "bg-neutral-200 dark:bg-neutral-700" : "hover:bg-(--ui-bg-elevated)",
+              e.entry.active || !e.entry.options ? "" : "text-(--ui-text)/50"
+            ]])
+          }, [
+            n("div", me, [
+              n("div", {
+                class: v(["absolute -inset-1 right-0 flex items-center justify-center", i(z)[u.value].base]),
+                title: u.value
+              }, [
+                u.value === "loading" ? (t(), p(S, {
+                  key: 0,
+                  title: "Loading",
+                  "aria-label": "Loading icon"
+                })) : u.value === "fresh" ? (t(), p(a, {
+                  key: 1,
+                  title: "Fresh successful data",
+                  "aria-label": "Fresh successful data icon"
+                })) : u.value === "error" ? (t(), p(r, {
+                  key: 2,
+                  title: "Error",
+                  "aria-label": "Error icon"
+                })) : u.value === "stale" ? (t(), p(_, {
+                  key: 3,
+                  title: "Stale",
+                  "aria-label": "Stale icon"
+                })) : u.value === "pending" ? (t(), p(b, {
+                  key: 4,
+                  title: "Pending",
+                  "aria-label": "Pending icon"
+                })) : k("", !0)
+              ], 10, ge)
+            ]),
+            n("a", {
+              href: Q,
+              class: "hover:cursor-pointer flex gap-1 items-center overflow-hidden",
+              onClick: (x) => d ? m(x) : P(x)
+            }, [
+              e.entry.options ? k("", !0) : (t(), s("span", fe, [
+                c(h)
+              ])),
+              n("ol", {
+                class: "flex font-mono grow gap-0.5 overflow-auto items-center",
+                title: e.entry.active ? "Active query" : "Inactive query"
+              }, [
+                (t(!0), s($, null, T(i(y), (x, F) => (t(), s($, { key: x }, [
+                  n("li", xe, A(x), 1),
+                  F < i(y).length - 1 ? (t(), s("li", ve, "/")) : k("", !0)
+                ], 64))), 128))
+              ], 8, he)
+            ], 8, pe),
+            e.entry.options?.enabled === !1 ? (t(), s("div", ye, [
+              n("span", be, [
+                c(L, { "aria-hidden": "" }),
+                g[0] || (g[0] = n("span", { class: "@max-md:hidden" }, "disabled", -1))
+              ])
+            ])) : !e.entry.active && e.entry.gcTimeout && e.entry.devtools.inactiveAt && typeof e.entry.options?.gcTime == "number" && Number.isFinite(e.entry.options.gcTime) && e.entry.options.gcTime <= 3e4 ? (t(), s("div", ke, [
+              c(q, {
+                class: "size-[1em] dark:text-neutral-500 text-neutral-400",
+                max: e.entry.options.gcTime,
+                value: e.entry.devtools.inactiveAt + e.entry.options.gcTime - i(C)
+              }, null, 8, ["max", "value"])
+            ])) : k("", !0)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["to"]);
+    };
+  }
+}), ze = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, $e = { class: "flex items-center p-2 border-b border-(--ui-border) gap-2" }, Ce = { class: "relative grow" }, Se = { class: "flex gap-x-1" }, Le = ["title"], qe = { class: "@max-[750px]:hidden" }, Te = {
+  key: 0,
+  role: "list",
+  class: "divide-y divide-(--ui-border)"
+}, Re = {
+  key: 1,
+  class: "flex flex-col items-center p-4 text-(--ui-text-muted) text-sm text-center gap-2"
+}, je = /* @__PURE__ */ j({
+  __name: "queries",
+  setup(e) {
+    const o = te(""), C = Z(), m = R(() => {
+      let a = C.value;
+      if (o.value) {
+        const r = o.value.toLowerCase();
+        a = a.filter((_) => _.key.some((h) => String(h).toLowerCase().includes(r)));
+      }
+      return a.toSorted((r, _) => _.devtools.updatedAt - r.devtools.updatedAt);
+    }), y = R(() => ({
+      loading: [],
+      fresh: [],
+      error: [],
+      pending: [],
+      inactive: m.value.filter((a) => !a.active),
+      ...Object.groupBy(m.value, (a) => N(a))
+    })), u = G("split-panes-container"), f = H("(width < 768px)", () => u.value?.$el), g = ee("pc-devtools-query-list-panel-size", [30, 70]);
+    function S({ panes: a }) {
+      g.value = a.map((r) => r.size);
+    }
+    return (a, r) => {
+      const _ = K, b = J, h = we, L = W, q = E("RouterView");
+      return t(), s("section", ze, [
+        n("div", $e, [
+          n("div", Ce, [
+            c(_, { class: "absolute left-2 top-1/2 -translate-y-1/2 text-ui-text-muted size-4" }),
+            c(b, {
+              modelValue: o.value,
+              "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
+              type: "search",
+              class: "w-full",
+              placeholder: "Search Queries"
+            }, null, 8, ["modelValue"])
+          ]),
+          n("div", Se, [
+            (t(!0), s($, null, T(y.value, (l, d) => (t(), s("div", {
+              key: d,
+              class: v(["theme-neutral bg-(--ui-bg-muted) rounded p-1 text-xs font-semibold flex items-center gap-x-1", (l?.length ?? 0) === 0 ? "text-(--ui-text-muted)" : ""]),
+              title: `${l?.length ?? 0} ${d} queries (after filtering)`
+            }, [
+              n("div", {
+                class: v(["rounded-full size-2", i(z)[d].base])
+              }, null, 2),
+              n("span", qe, A(d), 1),
+              n("div", {
+                class: v([
+                  "px-1.5 py-0.5 rounded min-w-[1.65em] flex justify-center",
+                  (l?.length ?? 0) === 0 ? "bg-(--ui-bg-accented)" : [i(z)[d].base, i(z)[d].text]
+                ])
+              }, [
+                n("span", null, A(l?.length ?? 0), 1)
+              ], 2)
+            ], 10, Le))), 128))
+          ])
+        ]),
+        c(i(X), {
+          ref: "split-panes-container",
+          class: "overflow-hidden",
+          horizontal: i(f),
+          onResized: S
+        }, {
+          default: w(() => [
+            c(i(V), {
+              "min-size": "15",
+              size: i(g)[0],
+              class: "flex flex-col"
+            }, {
+              default: w(() => [
+                m.value.length > 0 ? (t(), s("ol", Te, [
+                  (t(!0), s($, null, T(m.value, (l) => (t(), s("li", {
+                    key: l.keyHash
+                  }, [
+                    c(h, { entry: l }, null, 8, ["entry"])
+                  ]))), 128))
+                ])) : (t(), s("div", Re, [
+                  c(L, { class: "size-8" }),
+                  r[1] || (r[1] = n("h3", { class: "text-lg" }, "No queries found", -1)),
+                  r[2] || (r[2] = n("p", null, "Try adjusting your search or perform some mutations in your app.", -1))
+                ]))
+              ]),
+              _: 1
+            }, 8, ["size"]),
+            c(i(V), {
+              "min-size": "30",
+              size: i(g)[1],
+              class: "flex flex-col"
+            }, {
+              default: w(() => [
+                c(q)
+              ]),
+              _: 1
+            }, 8, ["size"])
+          ]),
+          _: 1
+        }, 8, ["horizontal"])
+      ]);
+    };
+  }
+});
+export {
+  je as default
+};
+//# sourceMappingURL=queries-BM6WYBXZ.js.map

package/dist-panel/queries-BM6WYBXZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queries-BM6WYBXZ.js","sources":["../src/panel/utils/query-state.ts","../src/panel/components/ListQueryEntry.vue","../src/panel/pages/queries.vue"],"sourcesContent":["import type { UseQueryEntryPayload } from '@pinia/colada-devtools/shared'\n\nexport type UseQueryEntryPayloadStatus =\n  | 'loading'\n  | 'fresh'\n  | 'error'\n  | 'stale'\n  | 'pending'\n  | 'unknown'\n\nexport function getQueryStatus(entry: UseQueryEntryPayload): UseQueryEntryPayloadStatus {\n  if (entry.asyncStatus === 'loading') {\n    return 'loading'\n  }\n  if (entry.state.status === 'error') {\n    return 'error'\n  }\n  if (entry.state.status === 'pending') {\n    return 'pending'\n  }\n  if (entry.stale) {\n    return 'stale'\n  }\n  if (entry.state.status === 'success') {\n    return 'fresh'\n  }\n\n  return 'unknown'\n}\n\nexport const STATUS_COLOR_CLASSES: Record<\n  UseQueryEntryPayloadStatus | 'inactive',\n  {\n    base: string\n    clear: string\n    text: string\n  }\n> = {\n  loading: {\n    base: 'bg-purple-400',\n    clear: 'bg-purple-200',\n    text: 'text-purple-100',\n  },\n  fresh: {\n    base: 'bg-success-500',\n    clear: 'bg-success-200',\n    text: 'text-success-100',\n  },\n  error: {\n    base: 'bg-error-500',\n    clear: 'bg-error-200',\n    text: 'text-error-100',\n  },\n  stale: {\n    base: 'bg-info-500',\n    clear: 'bg-info-200',\n    text: 'text-info-100',\n  },\n  pending: {\n    base: 'bg-warning-500',\n    clear: 'bg-warning-200',\n    text: 'text-warning-100',\n  },\n  inactive: {\n    base: 'bg-neutral-400',\n    clear: 'bg-neutral-200',\n    text: 'text-neutral-100',\n  },\n  unknown: {\n    base: 'bg-gray-400',\n    clear: 'bg-gray-200',\n    text: 'text-gray-100',\n  },\n}\n","<script setup lang=\"ts\">\nimport type { UseQueryEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed } from 'vue'\nimport { getQueryStatus, STATUS_COLOR_CLASSES } from '../utils/query-state'\nimport { useRouter } from 'vue-router'\nimport { usePerformanceNow } from '../composables/performance-now'\nimport { useFormattedKey } from '../composables/entries'\n\nconst { entry } = defineProps<{\n  entry: UseQueryEntryPayload\n}>()\nconst router = useRouter()\n\nconst now = usePerformanceNow()\n// const now = useNow({ interval: Math.max(100, (entry.options?.gcTime || 0) / 30) })\n\nfunction unselect(event: MouseEvent) {\n  event.preventDefault()\n  event.stopPropagation()\n  router.push('/queries')\n}\n\nconst formattedKey = useFormattedKey(() => entry.key)\nconst status = computed(() => getQueryStatus(entry))\n</script>\n\n<template>\n  <RouterLink\n    v-slot=\"{ isActive, navigate, href }\"\n    :to=\"{ name: '/queries/[queryId]', params: { queryId: entry.keyHash } }\"\n    custom\n  >\n    <div\n      class=\"grid grid-cols-[minmax(0,auto)_1fr] grid-flow-col items-center gap-x-2 p-1 relative text-sm @container\"\n      :class=\"[\n        isActive ? 'bg-neutral-200 dark:bg-neutral-700' : 'hover:bg-(--ui-bg-elevated)',\n        entry.active || !entry.options ? '' : 'text-(--ui-text)/50',\n      ]\"\n    >\n      <div class=\"h-full w-6 relative\">\n        <div\n          class=\"absolute -inset-1 right-0 flex items-center justify-center\"\n          :class=\"STATUS_COLOR_CLASSES[status].base\"\n          :title=\"status\"\n        >\n          <i-lucide-loader v-if=\"status === 'loading'\" title=\"Loading\" aria-label=\"Loading icon\" />\n          <i-lucide-check-check\n            v-else-if=\"status === 'fresh'\"\n            title=\"Fresh successful data\"\n            aria-label=\"Fresh successful data icon\"\n          />\n          <i-lucide-x-octagon\n            v-else-if=\"status === 'error'\"\n            title=\"Error\"\n            aria-label=\"Error icon\"\n          />\n          <i-lucide-check v-else-if=\"status === 'stale'\" title=\"Stale\" aria-label=\"Stale icon\" />\n          <i-lucide-pause\n            v-else-if=\"status === 'pending'\"\n            title=\"Pending\"\n            aria-label=\"Pending icon\"\n          />\n        </div>\n      </div>\n\n      <a\n        :href\n        class=\"hover:cursor-pointer flex gap-1 items-center overflow-hidden\"\n        @click=\"isActive ? unselect($event) : navigate($event)\"\n      >\n        <span\n          v-if=\"!entry.options\"\n          title=\"This query was prefetched or set manually\"\n          class=\"shrink-0 text-info-700 dark:text-info-300 cursor-help\"\n        >\n          <i-lucide-zap />\n        </span>\n        <ol\n          class=\"flex font-mono grow gap-0.5 overflow-auto items-center\"\n          :title=\"entry.active ? 'Active query' : 'Inactive query'\"\n        >\n          <template v-for=\"(key, i) in formattedKey\" :key=\"key\">\n            <li class=\"text-wrap wrap-break-word rounded bg-(--ui-text)/5 px-0.5\">{{ key }}</li>\n            <li v-if=\"i < formattedKey.length - 1\" aria-hidden=\"true\">/</li>\n          </template>\n        </ol>\n      </a>\n\n      <div v-if=\"entry.options?.enabled === false\" title=\"This query is disabled\">\n        <span class=\"rounded bg-theme/70 theme-neutral p-0.5 text-xs flex gap-x-0.5 items-center\">\n          <i-lucide-circle-slash aria-hidden />\n          <span class=\"@max-md:hidden\">disabled</span>\n        </span>\n      </div>\n      <div\n        v-else-if=\"\n          !entry.active &&\n          entry.gcTimeout &&\n          entry.devtools.inactiveAt &&\n          typeof entry.options?.gcTime === 'number' &&\n          Number.isFinite(entry.options.gcTime) &&\n          entry.options.gcTime <= 30_000\n        \"\n        title=\"This query will be garbage collected\"\n      >\n        <UCircleProgress\n          class=\"size-[1em] dark:text-neutral-500 text-neutral-400\"\n          :max=\"entry.options.gcTime\"\n          :value=\"entry.devtools.inactiveAt + entry.options.gcTime - now\"\n        />\n      </div>\n    </div>\n  </RouterLink>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useTemplateRef } from 'vue'\nimport { Pane, Splitpanes } from '@posva/splitpanes'\nimport { useQueryEntries } from '../composables/duplex-channel'\nimport { getQueryStatus, STATUS_COLOR_CLASSES } from '../utils/query-state'\nimport type { UseQueryEntryPayloadStatus } from '../utils/query-state'\nimport type { UseQueryEntryPayload } from '@pinia/colada-devtools/shared'\nimport { useContainerMediaQuery } from '../composables/use-container-media-query'\nimport { useLocalStorage } from '@vueuse/core'\n\nconst searchQuery = ref('')\n\nconst queries = useQueryEntries()\n\nconst filteredItems = computed(() => {\n  let items = queries.value\n\n  if (searchQuery.value) {\n    const query = searchQuery.value.toLowerCase()\n    items = items.filter((item) => {\n      const searchable = item.key\n      return searchable.some((v) => String(v).toLowerCase().includes(query))\n    })\n  }\n\n  // sort by last updatedAt\n  return items.toSorted((a, b) => {\n    return b.devtools.updatedAt - a.devtools.updatedAt\n  })\n})\n\nconst queriesGrouped = computed<\n  Record<\n    Exclude<UseQueryEntryPayloadStatus, 'unknown' | 'stale'> | 'inactive',\n    UseQueryEntryPayload[]\n  >\n>(() => {\n  return {\n    loading: [],\n    fresh: [],\n    error: [],\n    pending: [],\n    inactive: filteredItems.value.filter((item) => !item.active),\n    ...Object.groupBy(filteredItems.value, (item) => getQueryStatus(item)),\n  }\n})\n\nconst container = useTemplateRef('split-panes-container')\nconst isNarrow = useContainerMediaQuery('(width < 768px)', () => container.value?.$el)\n\nconst queryListPanelSize = useLocalStorage<number[]>('pc-devtools-query-list-panel-size', [30, 70])\n\nfunction updatePanesSize({ panes }: { panes: { size: number }[] }) {\n  queryListPanelSize.value = panes.map((pane) => pane.size)\n}\n</script>\n\n<template>\n  <section class=\"grid grid-rows-[auto_1fr] overflow-hidden @container\">\n    <!-- Search & Actions Bar -->\n    <div class=\"flex items-center p-2 border-b border-(--ui-border) gap-2\">\n      <div class=\"relative grow\">\n        <i-lucide-search\n          class=\"absolute left-2 top-1/2 -translate-y-1/2 text-ui-text-muted size-4\"\n        />\n        <UInput v-model=\"searchQuery\" type=\"search\" class=\"w-full\" placeholder=\"Search Queries\" />\n      </div>\n\n      <!-- TODO: sort source, asc/desc -->\n\n      <div class=\"flex gap-x-1\">\n        <div\n          v-for=\"(queryGroup, status) in queriesGrouped\"\n          :key=\"status\"\n          class=\"theme-neutral bg-(--ui-bg-muted) rounded p-1 text-xs font-semibold flex items-center gap-x-1\"\n          :class=\"(queryGroup?.length ?? 0) === 0 ? 'text-(--ui-text-muted)' : ''\"\n          :title=\"`${queryGroup?.length ?? 0} ${status} queries (after filtering)`\"\n        >\n          <div class=\"rounded-full size-2\" :class=\"STATUS_COLOR_CLASSES[status].base\" />\n          <span class=\"@max-[750px]:hidden\">{{ status }}</span>\n          <div\n            class=\"px-1.5 py-0.5 rounded min-w-[1.65em] flex justify-center\"\n            :class=\"\n              (queryGroup?.length ?? 0) === 0\n                ? 'bg-(--ui-bg-accented)'\n                : [STATUS_COLOR_CLASSES[status].base, STATUS_COLOR_CLASSES[status].text]\n            \"\n          >\n            <span>{{ queryGroup?.length ?? 0 }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <Splitpanes\n      ref=\"split-panes-container\"\n      class=\"overflow-hidden\"\n      :horizontal=\"isNarrow\"\n      @resized=\"updatePanesSize\"\n    >\n      <!-- List Panel -->\n      <Pane min-size=\"15\" :size=\"queryListPanelSize[0]\" class=\"flex flex-col\">\n        <ol role=\"list\" class=\"divide-y divide-(--ui-border)\" v-if=\"filteredItems.length > 0\">\n          <li v-for=\"entry of filteredItems\" :key=\"entry.keyHash\">\n            <ListQueryEntry :entry />\n          </li>\n        </ol>\n        <div\n          v-else\n          class=\"flex flex-col items-center p-4 text-(--ui-text-muted) text-sm text-center gap-2\"\n        >\n          <i-lucide-inbox class=\"size-8\" />\n          <h3 class=\"text-lg\">No queries found</h3>\n          <p>Try adjusting your search or perform some mutations in your app.</p>\n        </div>\n      </Pane>\n\n      <!-- Details Panel -->\n      <Pane min-size=\"30\" :size=\"queryListPanelSize[1]\" class=\"flex flex-col\">\n        <RouterView />\n      </Pane>\n    </Splitpanes>\n  </section>\n</template>\n"],"names":["getQueryStatus","entry","STATUS_COLOR_CLASSES","router","useRouter","now","usePerformanceNow","unselect","event","formattedKey","useFormattedKey","__props","status","computed","_createBlock","_component_RouterLink","_withCtx","isActive","navigate","href","_createElementVNode","_hoisted_1","_unref","_component_i_lucide_loader","_component_i_lucide_check_check","_component_i_lucide_x_octagon","_component_i_lucide_check","_component_i_lucide_pause","$event","_openBlock","_createElementBlock","_hoisted_4","_createVNode","_component_i_lucide_zap","_Fragment","_renderList","key","i","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","_component_i_lucide_circle_slash","_cache","_hoisted_10","_component_UCircleProgress","searchQuery","ref","queries","useQueryEntries","filteredItems","items","query","item","v","a","b","queriesGrouped","container","useTemplateRef","isNarrow","useContainerMediaQuery","queryListPanelSize","useLocalStorage","updatePanesSize","panes","pane","_hoisted_2","_hoisted_3","_component_i_lucide_search","_component_UInput","queryGroup","_normalizeClass","Splitpanes","Pane","_component_ListQueryEntry","_component_i_lucide_inbox","_component_RouterView"],"mappings":"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"}

package/dist-panel/settings-C2hLj-3B.js

@@ -0,0 +1,10 @@
+import { _ as e, o as t, c } from "./index-CYb5D1Be.js";
+const n = {};
+function s(o, r) {
+  return t(), c("h1", null, "Settings");
+}
+const a = /* @__PURE__ */ e(n, [["render", s]]);
+export {
+  a as default
+};
+//# sourceMappingURL=settings-C2hLj-3B.js.map

package/dist-panel/{settings-BHmLo73t.js.map → settings-C2hLj-3B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"settings-BHmLo73t.js","sources":["../src/panel/pages/settings.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <h1>Settings</h1>\n</template>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;AAGE,SAAAA,EAAA,GAAAC,EAAiB,YAAb,UAAQ;;;"}
+{"version":3,"file":"settings-C2hLj-3B.js","sources":["../src/panel/pages/settings.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <h1>Settings</h1>\n</template>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;AAGE,SAAAA,EAAA,GAAAC,EAAiB,YAAb,UAAQ;;;"}