@pinia/colada-devtools 0.4.3 → 0.4.5

package/dist-panel/{(unselected)-BQ3qDKQ9.js → (unselected)-CfGTwdQr.js}

@@ -1,5 +1,5 @@
-import { _ as o } from "./mouse-pointer-click-ClYfwImy.js";
-import { _ as c, o as s, c as n, a as _, q as a, h as r } from "./index-CYb5D1Be.js";
+import { _ as o } from "./mouse-pointer-click-C0IkTwLI.js";
+import { _ as c, o as s, c as n, a as _, q as a, h as r } from "./index-Bg8BPb2M.js";
 const i = {}, l = { class: "py-6 mx-auto" }, p = { class: "flex flex-col text-center items-center gap-2 text-lg px-2" };
 function d(m, e) {
   const t = o;
@@ -14,4 +14,4 @@ const f = /* @__PURE__ */ c(i, [["render", d]]);
 export {
   f as default
 };
-//# sourceMappingURL=(unselected)-BQ3qDKQ9.js.map
+//# sourceMappingURL=(unselected)-CfGTwdQr.js.map

package/dist-panel/{(unselected)-BQ3qDKQ9.js.map → (unselected)-CfGTwdQr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"(unselected)-BQ3qDKQ9.js","sources":["../src/panel/pages/mutations/(unselected).vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <div class=\"py-6 mx-auto\">\n    <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n      Select a Mutation to inspect\n      <i-lucide-mouse-pointer-click />\n    </p>\n  </div>\n</template>\n"],"names":["_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_i_lucide_mouse_pointer_click"],"mappings":";;cAGOA,IAAA,EAAA,OAAM,eAAc,GACpBC,IAAA,EAAA,OAAM,4DAA2D;;;AADtE,SAAAC,EAAA,GAAAC,EAKM,OALNH,GAKM;AAAA,IAJJI,EAGI,KAHJH,GAGI;AAAA,wBAHiE,kCAEnE,EAAA;AAAA,MAAAI,EAAgCC,CAAA;AAAA;;;;"}
+{"version":3,"file":"(unselected)-CfGTwdQr.js","sources":["../src/panel/pages/mutations/(unselected).vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <div class=\"py-6 mx-auto\">\n    <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n      Select a Mutation to inspect\n      <i-lucide-mouse-pointer-click />\n    </p>\n  </div>\n</template>\n"],"names":["_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_i_lucide_mouse_pointer_click"],"mappings":";;cAGOA,IAAA,EAAA,OAAM,eAAc,GACpBC,IAAA,EAAA,OAAM,4DAA2D;;;AADtE,SAAAC,EAAA,GAAAC,EAKM,OALNH,GAKM;AAAA,IAJJI,EAGI,KAHJH,GAGI;AAAA,wBAHiE,kCAEnE,EAAA;AAAA,MAAAI,EAAgCC,CAAA;AAAA;;;;"}

package/dist-panel/{(unselected)-DAm41Y3x.js → (unselected)-Gyt_DICV.js}

@@ -1,5 +1,5 @@
-import { _ as o } from "./mouse-pointer-click-ClYfwImy.js";
-import { _ as c, o as s, c as n, a as _, q as a, h as r } from "./index-CYb5D1Be.js";
+import { _ as o } from "./mouse-pointer-click-C0IkTwLI.js";
+import { _ as c, o as s, c as n, a as _, q as a, h as r } from "./index-Bg8BPb2M.js";
 const l = {}, i = { class: "py-6 mx-auto" }, p = { class: "flex flex-col text-center items-center gap-2 text-lg px-2" };
 function d(m, e) {
   const t = o;
@@ -14,4 +14,4 @@ const f = /* @__PURE__ */ c(l, [["render", d]]);
 export {
   f as default
 };
-//# sourceMappingURL=(unselected)-DAm41Y3x.js.map
+//# sourceMappingURL=(unselected)-Gyt_DICV.js.map

package/dist-panel/{(unselected)-DAm41Y3x.js.map → (unselected)-Gyt_DICV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"(unselected)-DAm41Y3x.js","sources":["../src/panel/pages/queries/(unselected).vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <div class=\"py-6 mx-auto\">\n    <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n      Select a Query to inspect\n      <i-lucide-mouse-pointer-click />\n    </p>\n  </div>\n</template>\n"],"names":["_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_i_lucide_mouse_pointer_click"],"mappings":";;cAGOA,IAAA,EAAA,OAAM,eAAc,GACpBC,IAAA,EAAA,OAAM,4DAA2D;;;AADtE,SAAAC,EAAA,GAAAC,EAKM,OALNH,GAKM;AAAA,IAJJI,EAGI,KAHJH,GAGI;AAAA,wBAHiE,+BAEnE,EAAA;AAAA,MAAAI,EAAgCC,CAAA;AAAA;;;;"}
+{"version":3,"file":"(unselected)-Gyt_DICV.js","sources":["../src/panel/pages/queries/(unselected).vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <div class=\"py-6 mx-auto\">\n    <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n      Select a Query to inspect\n      <i-lucide-mouse-pointer-click />\n    </p>\n  </div>\n</template>\n"],"names":["_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_i_lucide_mouse_pointer_click"],"mappings":";;cAGOA,IAAA,EAAA,OAAM,eAAc,GACpBC,IAAA,EAAA,OAAM,4DAA2D;;;AADtE,SAAAC,EAAA,GAAAC,EAKM,OALNH,GAKM;AAAA,IAJJI,EAGI,KAHJH,GAGI;AAAA,wBAHiE,+BAEnE,EAAA;AAAA,MAAAI,EAAgCC,CAAA;AAAA;;;;"}

package/dist-panel/{_mutationId_int_-erdQKyLR.js → _mutationId_int_-DoZP9m6J.js}

@@ -1,7 +1,7 @@
-import { _ as q } from "./mouse-pointer-click-ClYfwImy.js";
-import { I as G, _ as H, a as J, b as P, c as X, d as K, e as Q, f as Y, g as Z } from "./circle-x-InxlHvaS.js";
-import { m as N, o as n, c as r, a as s, d as tt, s as et, u as st, j as ot, v as at, x as M, l as C, F as V, h as o, w as l, t as g, f as b, e as a, q as p, y as nt, b as x, z as it, n as z, A as I, i as lt, B as ut, p as rt } from "./index-CYb5D1Be.js";
-import { _ as dt, a as pt } from "./loader-Ca7c0zg-.js";
+import { _ as q } from "./mouse-pointer-click-C0IkTwLI.js";
+import { I as G, _ as H, a as J, b as P, c as X, d as K, e as Q, f as Y, g as Z } from "./circle-x-oV8tKj9F.js";
+import { m as N, o as n, c as r, a as s, d as tt, s as et, u as st, j as ot, v as at, x as M, l as C, F as V, h as o, w as l, t as g, f as b, e as a, q as p, y as nt, b as x, z as it, n as z, A as I, i as lt, B as ut, p as rt } from "./index-Bg8BPb2M.js";
+import { _ as dt, a as pt } from "./loader-BUrJGpKp.js";
 const mt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -304,4 +304,4 @@ const gt = N({ name: "lucide-variable", render: ft }), xt = { class: "flex flex-
 export {
   Ft as default
 };
-//# sourceMappingURL=_mutationId_int_-erdQKyLR.js.map
+//# sourceMappingURL=_mutationId_int_-DoZP9m6J.js.map

package/dist-panel/{_mutationId_int_-erdQKyLR.js.map → _mutationId_int_-DoZP9m6J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"_mutationId_int_-erdQKyLR.js","sources":["../src/panel/pages/mutations/[mutationId=int].vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UseMutationEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed, ref, watch } from 'vue'\nimport { useDuplexChannel, useMutationEntries } from '../../composables/duplex-channel'\nimport { useRoute, useRouter } from 'vue-router'\nimport type { DataStateStatus } from '@pinia/colada'\n\nimport IWrench from '~icons/lucide/wrench'\nimport IInfoCircle from '~icons/lucide/info'\nimport IFileText from '~icons/lucide/file-text'\nimport ICircleX from '~icons/lucide/circle-x'\nimport IBraces from '~icons/lucide/braces'\nimport IVariable from '~icons/lucide/variable'\nimport { useTimeAgo, useLocalStorage, formatTimeAgo } from '@vueuse/core'\nimport type { FormatTimeAgoOptions } from '@vueuse/core'\n\nconst route = useRoute()\nconst router = useRouter()\nconst mutations = useMutationEntries()\n\nconst selectedMutation = computed<UseMutationEntryPayload | null>(() => {\n  const mutationId = route.params.mutationId\n  return mutations.value.find((entry) => entry.id === mutationId) ?? null\n})\n\nconst TIME_AGO_OPTIONS: FormatTimeAgoOptions = {\n  showSecond: true,\n  rounding: 'floor',\n  max: 1000 * 60 * 60 * 24, // 1 day\n}\n\nconst lastUpdate = useTimeAgo(() => selectedMutation.value?.devtools.updatedAt ?? 0, {\n  ...TIME_AGO_OPTIONS,\n  updateInterval: 3000,\n})\n\nconst channel = useDuplexChannel()\n\n// Track when we're replaying to auto-navigate to new mutation\nlet justReplayed = false\nconst mutationCountBeforeReplay = ref(0)\n\nfunction replayMutation(id: UseMutationEntryPayload['id']) {\n  // Track state before replay\n  mutationCountBeforeReplay.value = mutations.value.length\n  justReplayed = true\n\n  // Emit the replay event\n  channel.emit('mutations:replay', id)\n}\n\n// FIXME: we should move this logic up and auto detect replays maybe with some linking\n// isReplayOf: mutationId\n// and we can display this in the interface too\nwatch(\n  () => mutations.value,\n  () => {\n    if (justReplayed) {\n      // Find the latest id\n      const newest = mutations.value.toSorted((a, b) => b.id - a.id)[0]\n\n      if (newest) {\n        router.push({\n          name: '/mutations/[mutationId=int]',\n          params: { mutationId: newest.id },\n        })\n      }\n\n      justReplayed = false\n    }\n  },\n  {\n    deep: true,\n  },\n)\n\nconst isDataOpen = useLocalStorage<boolean>('pc:mutation:details:data:open', false, {})\nconst isVarsOpen = useLocalStorage<boolean>('pc:mutation:details:vars:open', true, {})\nlet wasDataOpen = isDataOpen.value\nlet lastStatus: DataStateStatus | null = null\nconst isErrorOpen = useLocalStorage<boolean>('pc:mutation:details:error:open', false, {})\n\nwatch(\n  () => selectedMutation.value?.state,\n  (state) => {\n    if (!state || lastStatus === state.status) return\n    lastStatus = state.status\n    if (state.status === 'error') {\n      isErrorOpen.value = true\n      wasDataOpen = isDataOpen.value\n      isDataOpen.value = false\n    } else if (state.status === 'success') {\n      isDataOpen.value = wasDataOpen\n      isErrorOpen.value = false\n    }\n  },\n)\n</script>\n\n<template>\n  <div class=\"flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)\">\n    <template v-if=\"selectedMutation\">\n      <UCollapse title=\"Details\" :icon=\"IInfoCircle\">\n        <div class=\"py-1 text-sm\">\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>id:</span>\n            <span>\n              <code class=\"rounded bg-neutral-500/20 p-0.5\">{{ selectedMutation.id }}</code>\n            </span>\n          </p>\n\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>key:</span>\n            <span class=\"flex items-center gap-1.5\">\n              <code class=\"rounded p-0.5 bg-neutral-500/20\">\n                {{ selectedMutation.key ?? 'undefined' }}\n              </code>\n              <span\n                v-if=\"!selectedMutation.key\"\n                class=\"text-xs text-(--ui-text-muted) italic cursor-help\"\n                title=\"This mutation was created without a custom key\"\n              >\n                (anonymous)\n              </span>\n            </span>\n          </p>\n\n          <p class=\"grid grid-cols-[auto_1fr] gap-x-2\" title=\"When was the mutation last updated\">\n            <span>Last update:</span>\n            <span class=\"font-bold\">{{ lastUpdate }}</span>\n          </p>\n\n          <p\n            v-if=\"!selectedMutation.active && selectedMutation.options\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When is this mutation entry garbage collected\"\n          >\n            <template\n              v-if=\"\n                typeof selectedMutation.options.gcTime === 'number' &&\n                Number.isFinite(selectedMutation.options.gcTime)\n              \"\n            >\n              <span>Will be <i>gced</i></span>\n              <span class=\"font-bold\">{{\n                formatTimeAgo(\n                  new Date(selectedMutation.devtools.inactiveAt + selectedMutation.options.gcTime),\n                  {\n                    ...TIME_AGO_OPTIONS,\n                    max: undefined,\n                  },\n                )\n              }}</span>\n            </template>\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Actions\" :icon=\"IWrench\">\n        <div class=\"py-2 gap-2 flex flex-wrap items-center justify-items-start\">\n          <UButton\n            v-if=\"selectedMutation.devtools.simulate !== 'loading'\"\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Simulate a loading state\"\n            @click=\"channel.emit('mutations:simulate:loading', selectedMutation.id)\"\n          >\n            <i-lucide-loader />\n            Simulate loading\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Stop simulating loading state\"\n            @click=\"channel.emit('mutations:simulate:loading:stop', selectedMutation.id)\"\n          >\n            <i-lucide-loader class=\"animate-spin\" />\n            Stop loading\n          </UButton>\n\n          <UButton\n            v-if=\"selectedMutation.devtools.simulate !== 'error'\"\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Simulate an Error state\"\n            @click=\"channel.emit('mutations:simulate:error', selectedMutation.id)\"\n          >\n            <i-lucide-x-octagon /> Simulate error\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Restore the previous state\"\n            @click=\"channel.emit('mutations:simulate:error:stop', selectedMutation.id)\"\n          >\n            <i-lucide-rotate-ccw /> Remove error\n          </UButton>\n\n          <UButton\n            class=\"theme-success\"\n            size=\"sm\"\n            title=\"Re-trigger this mutation with the same variables\"\n            @click=\"replayMutation(selectedMutation.id)\"\n          >\n            <i-lucide-repeat-2 />\n            Replay\n          </UButton>\n\n          <UButton\n            class=\"theme-warning\"\n            size=\"sm\"\n            title=\"Remove this mutation from the cache\"\n            @click=\"channel.emit('mutations:remove', selectedMutation.id)\"\n          >\n            <i-lucide-trash /> Remove\n          </UButton>\n        </div>\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isVarsOpen\"\n        :title=\"`Variables${selectedMutation.vars === undefined ? ' (empty)' : ''}`\"\n        :class=\"[selectedMutation.vars === undefined && 'text-(--ui-text-muted)']\"\n        :icon=\"IVariable\"\n        no-padding\n      >\n        <JsonViewer :data=\"selectedMutation.vars\" readonly />\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isDataOpen\"\n        :title=\"`Data${selectedMutation.state.data === undefined ? ' (empty)' : ''}`\"\n        :icon=\"IFileText\"\n        :class=\"[selectedMutation.state.data === undefined && 'text-(--ui-text-muted)']\"\n        no-padding\n      >\n        <JsonViewer :data=\"selectedMutation.state.data\" />\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isErrorOpen\"\n        :title=\"`Error${selectedMutation.state.status === 'error' ? ' (!)' : ''}`\"\n        :icon=\"ICircleX\"\n      >\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedMutation.state.error\"\n            class=\"rounded p-1 overflow-auto max-h-[1200px]\"\n            >{{ selectedMutation.state.error }}</pre\n          >\n          <p v-else class=\"text-neutral-500/50\">No error</p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Options\" :open=\"false\" :icon=\"IBraces\" no-padding>\n        <JsonViewer v-if=\"selectedMutation.options\" :data=\"selectedMutation.options\" readonly />\n        <p v-else>No options configured for this mutation.</p>\n      </UCollapse>\n    </template>\n\n    <template v-else>\n      <div class=\"py-6 mx-auto\">\n        <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n          Select a Mutation to inspect\n          <i-lucide-mouse-pointer-click />\n        </p>\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["route","useRoute","router","useRouter","mutations","useMutationEntries","selectedMutation","computed","mutationId","entry","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","channel","useDuplexChannel","justReplayed","mutationCountBeforeReplay","ref","replayMutation","id","watch","newest","a","b","isDataOpen","useLocalStorage","isVarsOpen","wasDataOpen","lastStatus","isErrorOpen","state","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_createVNode","_component_UCollapse","_unref","IInfoCircle","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","formatTimeAgo","IWrench","_hoisted_13","_createBlock","_component_UButton","_component_i_lucide_loader","_component_i_lucide_x_octagon","_component_i_lucide_rotate_ccw","$event","_component_i_lucide_repeat_2","_component_i_lucide_trash","_normalizeClass","IVariable","_component_JsonViewer","IFileText","ICircleX","_hoisted_14","_hoisted_15","_hoisted_16","IBraces","_hoisted_18","_hoisted_19","_component_i_lucide_mouse_pointer_click"],"mappings":"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"}
+{"version":3,"file":"_mutationId_int_-DoZP9m6J.js","sources":["../src/panel/pages/mutations/[mutationId=int].vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UseMutationEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed, ref, watch } from 'vue'\nimport { useDuplexChannel, useMutationEntries } from '../../composables/duplex-channel'\nimport { useRoute, useRouter } from 'vue-router'\nimport type { DataStateStatus } from '@pinia/colada'\n\nimport IWrench from '~icons/lucide/wrench'\nimport IInfoCircle from '~icons/lucide/info'\nimport IFileText from '~icons/lucide/file-text'\nimport ICircleX from '~icons/lucide/circle-x'\nimport IBraces from '~icons/lucide/braces'\nimport IVariable from '~icons/lucide/variable'\nimport { useTimeAgo, useLocalStorage, formatTimeAgo } from '@vueuse/core'\nimport type { FormatTimeAgoOptions } from '@vueuse/core'\n\nconst route = useRoute()\nconst router = useRouter()\nconst mutations = useMutationEntries()\n\nconst selectedMutation = computed<UseMutationEntryPayload | null>(() => {\n  const mutationId = route.params.mutationId\n  return mutations.value.find((entry) => entry.id === mutationId) ?? null\n})\n\nconst TIME_AGO_OPTIONS: FormatTimeAgoOptions = {\n  showSecond: true,\n  rounding: 'floor',\n  max: 1000 * 60 * 60 * 24, // 1 day\n}\n\nconst lastUpdate = useTimeAgo(() => selectedMutation.value?.devtools.updatedAt ?? 0, {\n  ...TIME_AGO_OPTIONS,\n  updateInterval: 3000,\n})\n\nconst channel = useDuplexChannel()\n\n// Track when we're replaying to auto-navigate to new mutation\nlet justReplayed = false\nconst mutationCountBeforeReplay = ref(0)\n\nfunction replayMutation(id: UseMutationEntryPayload['id']) {\n  // Track state before replay\n  mutationCountBeforeReplay.value = mutations.value.length\n  justReplayed = true\n\n  // Emit the replay event\n  channel.emit('mutations:replay', id)\n}\n\n// FIXME: we should move this logic up and auto detect replays maybe with some linking\n// isReplayOf: mutationId\n// and we can display this in the interface too\nwatch(\n  () => mutations.value,\n  () => {\n    if (justReplayed) {\n      // Find the latest id\n      const newest = mutations.value.toSorted((a, b) => b.id - a.id)[0]\n\n      if (newest) {\n        router.push({\n          name: '/mutations/[mutationId=int]',\n          params: { mutationId: newest.id },\n        })\n      }\n\n      justReplayed = false\n    }\n  },\n  {\n    deep: true,\n  },\n)\n\nconst isDataOpen = useLocalStorage<boolean>('pc:mutation:details:data:open', false, {})\nconst isVarsOpen = useLocalStorage<boolean>('pc:mutation:details:vars:open', true, {})\nlet wasDataOpen = isDataOpen.value\nlet lastStatus: DataStateStatus | null = null\nconst isErrorOpen = useLocalStorage<boolean>('pc:mutation:details:error:open', false, {})\n\nwatch(\n  () => selectedMutation.value?.state,\n  (state) => {\n    if (!state || lastStatus === state.status) return\n    lastStatus = state.status\n    if (state.status === 'error') {\n      isErrorOpen.value = true\n      wasDataOpen = isDataOpen.value\n      isDataOpen.value = false\n    } else if (state.status === 'success') {\n      isDataOpen.value = wasDataOpen\n      isErrorOpen.value = false\n    }\n  },\n)\n</script>\n\n<template>\n  <div class=\"flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)\">\n    <template v-if=\"selectedMutation\">\n      <UCollapse title=\"Details\" :icon=\"IInfoCircle\">\n        <div class=\"py-1 text-sm\">\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>id:</span>\n            <span>\n              <code class=\"rounded bg-neutral-500/20 p-0.5\">{{ selectedMutation.id }}</code>\n            </span>\n          </p>\n\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>key:</span>\n            <span class=\"flex items-center gap-1.5\">\n              <code class=\"rounded p-0.5 bg-neutral-500/20\">\n                {{ selectedMutation.key ?? 'undefined' }}\n              </code>\n              <span\n                v-if=\"!selectedMutation.key\"\n                class=\"text-xs text-(--ui-text-muted) italic cursor-help\"\n                title=\"This mutation was created without a custom key\"\n              >\n                (anonymous)\n              </span>\n            </span>\n          </p>\n\n          <p class=\"grid grid-cols-[auto_1fr] gap-x-2\" title=\"When was the mutation last updated\">\n            <span>Last update:</span>\n            <span class=\"font-bold\">{{ lastUpdate }}</span>\n          </p>\n\n          <p\n            v-if=\"!selectedMutation.active && selectedMutation.options\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When is this mutation entry garbage collected\"\n          >\n            <template\n              v-if=\"\n                typeof selectedMutation.options.gcTime === 'number' &&\n                Number.isFinite(selectedMutation.options.gcTime)\n              \"\n            >\n              <span>Will be <i>gced</i></span>\n              <span class=\"font-bold\">{{\n                formatTimeAgo(\n                  new Date(selectedMutation.devtools.inactiveAt + selectedMutation.options.gcTime),\n                  {\n                    ...TIME_AGO_OPTIONS,\n                    max: undefined,\n                  },\n                )\n              }}</span>\n            </template>\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Actions\" :icon=\"IWrench\">\n        <div class=\"py-2 gap-2 flex flex-wrap items-center justify-items-start\">\n          <UButton\n            v-if=\"selectedMutation.devtools.simulate !== 'loading'\"\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Simulate a loading state\"\n            @click=\"channel.emit('mutations:simulate:loading', selectedMutation.id)\"\n          >\n            <i-lucide-loader />\n            Simulate loading\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Stop simulating loading state\"\n            @click=\"channel.emit('mutations:simulate:loading:stop', selectedMutation.id)\"\n          >\n            <i-lucide-loader class=\"animate-spin\" />\n            Stop loading\n          </UButton>\n\n          <UButton\n            v-if=\"selectedMutation.devtools.simulate !== 'error'\"\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Simulate an Error state\"\n            @click=\"channel.emit('mutations:simulate:error', selectedMutation.id)\"\n          >\n            <i-lucide-x-octagon /> Simulate error\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Restore the previous state\"\n            @click=\"channel.emit('mutations:simulate:error:stop', selectedMutation.id)\"\n          >\n            <i-lucide-rotate-ccw /> Remove error\n          </UButton>\n\n          <UButton\n            class=\"theme-success\"\n            size=\"sm\"\n            title=\"Re-trigger this mutation with the same variables\"\n            @click=\"replayMutation(selectedMutation.id)\"\n          >\n            <i-lucide-repeat-2 />\n            Replay\n          </UButton>\n\n          <UButton\n            class=\"theme-warning\"\n            size=\"sm\"\n            title=\"Remove this mutation from the cache\"\n            @click=\"channel.emit('mutations:remove', selectedMutation.id)\"\n          >\n            <i-lucide-trash /> Remove\n          </UButton>\n        </div>\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isVarsOpen\"\n        :title=\"`Variables${selectedMutation.vars === undefined ? ' (empty)' : ''}`\"\n        :class=\"[selectedMutation.vars === undefined && 'text-(--ui-text-muted)']\"\n        :icon=\"IVariable\"\n        no-padding\n      >\n        <JsonViewer :data=\"selectedMutation.vars\" readonly />\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isDataOpen\"\n        :title=\"`Data${selectedMutation.state.data === undefined ? ' (empty)' : ''}`\"\n        :icon=\"IFileText\"\n        :class=\"[selectedMutation.state.data === undefined && 'text-(--ui-text-muted)']\"\n        no-padding\n      >\n        <JsonViewer :data=\"selectedMutation.state.data\" />\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isErrorOpen\"\n        :title=\"`Error${selectedMutation.state.status === 'error' ? ' (!)' : ''}`\"\n        :icon=\"ICircleX\"\n      >\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedMutation.state.error\"\n            class=\"rounded p-1 overflow-auto max-h-[1200px]\"\n            >{{ selectedMutation.state.error }}</pre\n          >\n          <p v-else class=\"text-neutral-500/50\">No error</p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Options\" :open=\"false\" :icon=\"IBraces\" no-padding>\n        <JsonViewer v-if=\"selectedMutation.options\" :data=\"selectedMutation.options\" readonly />\n        <p v-else>No options configured for this mutation.</p>\n      </UCollapse>\n    </template>\n\n    <template v-else>\n      <div class=\"py-6 mx-auto\">\n        <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n          Select a Mutation to inspect\n          <i-lucide-mouse-pointer-click />\n        </p>\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["route","useRoute","router","useRouter","mutations","useMutationEntries","selectedMutation","computed","mutationId","entry","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","channel","useDuplexChannel","justReplayed","mutationCountBeforeReplay","ref","replayMutation","id","watch","newest","a","b","isDataOpen","useLocalStorage","isVarsOpen","wasDataOpen","lastStatus","isErrorOpen","state","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_createVNode","_component_UCollapse","_unref","IInfoCircle","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","formatTimeAgo","IWrench","_hoisted_13","_createBlock","_component_UButton","_component_i_lucide_loader","_component_i_lucide_x_octagon","_component_i_lucide_rotate_ccw","$event","_component_i_lucide_repeat_2","_component_i_lucide_trash","_normalizeClass","IVariable","_component_JsonViewer","IFileText","ICircleX","_hoisted_14","_hoisted_15","_hoisted_16","IBraces","_hoisted_18","_hoisted_19","_component_i_lucide_mouse_pointer_click"],"mappings":"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"}

package/dist-panel/_queryId_-DJ8QloFh.js

@@ -0,0 +1,483 @@
+import { _ as U } from "./mouse-pointer-click-C0IkTwLI.js";
+import { I as Q, _ as W, d as P, a as Z, b as G, c as J, e as X, f as K, g as Y } from "./circle-x-oV8tKj9F.js";
+import { _ as ee, a as te } from "./loader-BUrJGpKp.js";
+import { m as $, o, c as u, a as t, d as se, s as oe, C as ne, v as le, l as D, x as ae, F as C, h as a, w as i, t as v, e as n, y as I, f as b, q as _, b as g, g as L, z as re, n as M, A as R, i as ie, B as ue } from "./index-Bg8BPb2M.js";
+const de = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function pe(m, l) {
+  return o(), u("svg", de, [...l[0] || (l[0] = [
+    t("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      t("path", { d: "M10 2h4m-2 12v-4m-8 3a8 8 0 0 1 8-7a8 8 0 1 1-5.3 14L4 17.6" }),
+      t("path", { d: "M9 17H4v5" })
+    ], -1)
+  ])]);
+}
+const ce = $({ name: "lucide-timer-reset", render: pe }), me = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ve(m, l) {
+  return o(), u("svg", me, [...l[0] || (l[0] = [
+    t("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      t("path", { d: "M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+      t("path", { d: "M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+      t("path", { d: "M8 16H3v5" })
+    ], -1)
+  ])]);
+}
+const _e = $({ name: "lucide-refresh-cw", render: ve });
+function fe(m) {
+  if (m < 1e3)
+    return `${Math.round(m)} ms`;
+  const l = m / 1e3;
+  if (m < 1e4)
+    return `${l.toFixed(3)} seconds`;
+  if (m < 6e4)
+    return `${Math.floor(l)} seconds`;
+  const k = Math.floor(l / 60);
+  return m < 36e5 ? `${k} minute${k > 1 ? "s" : ""}` : `${Math.floor(k / 60)}h${k % 60}m${l % 60}s`;
+}
+const ge = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function he(m, l) {
+  return o(), u("svg", ge, [...l[0] || (l[0] = [
+    t("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      t("path", { d: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+      t("path", { d: "M3 3v5h5m4-1v5l4 2" })
+    ], -1)
+  ])]);
+}
+const ye = $({ name: "lucide-history", render: he }), ke = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function xe(m, l) {
+  return o(), u("svg", ke, [...l[0] || (l[0] = [
+    t("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      t("rect", {
+        width: "18",
+        height: "18",
+        x: "3",
+        y: "3",
+        rx: "2"
+      }),
+      t("path", { d: "M16 8.9V7H8l4 5l-4 5h8v-1.9" })
+    ], -1)
+  ])]);
+}
+const we = $({ name: "lucide-sigma-square", render: xe }), be = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function $e(m, l) {
+  return o(), u("svg", be, [...l[0] || (l[0] = [
+    t("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6l-2.3 2.3a2.4 2.4 0 0 0 0 3.4ZM2 22l3-3m2.5-5.5L10 11m.5 5.5L13 14m5-11l-4 4h6l-4 4"
+    }, null, -1)
+  ])]);
+}
+const qe = $({ name: "lucide-plug-zap", render: $e }), Ce = { class: "flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)" }, Ie = { class: "py-1 text-sm" }, Se = { class: "grid grid-cols-[auto_1fr] gap-1" }, Te = { class: "rounded bg-neutral-500/20 p-0.5" }, Be = {
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "When was the query entry last updated"
+}, ze = { class: "font-bold" }, De = {
+  key: 0,
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "When was the last time the query was fetched"
+}, Le = { class: "font-bold" }, Me = {
+  key: 1,
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "How long did the last query take to fetch"
+}, Re = { class: "font-bold" }, je = {
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "How many components and effects are using this query"
+}, Ae = { class: "font-bold" }, Ne = {
+  key: 2,
+  class: "grid grid-cols-[auto_1fr] gap-x-2",
+  title: "When is this query entry garbace collected"
+}, Oe = { class: "font-bold" }, Ee = { class: "py-1 space-y-1" }, He = { class: "py-2 gap-2 flex flex-wrap items-center justify-items-start" }, Ve = { class: "py-1" }, Fe = {
+  key: 0,
+  class: "rounded p-1 overflow-auto max-h-[1200px]"
+}, Ue = {
+  key: 1,
+  class: "text-(--ui-text-muted)/50"
+}, Qe = { class: "py-1" }, We = { class: "grid grid-cols-[auto_1fr] gap-1" }, Pe = { class: "font-bold" }, Ze = { class: "font-bold" }, Ge = { class: "font-bold" }, Je = { class: "font-bold" }, Xe = { class: "py-1" }, Ke = { key: 1 }, Ye = {
+  key: 1,
+  class: "py-6 mx-auto"
+}, et = { class: "flex flex-col text-center items-center gap-2 text-lg px-2" }, tt = { class: "text-center text-sm text-neutral-500 mt-4" }, at = /* @__PURE__ */ se({
+  __name: "[queryId]",
+  setup(m) {
+    const l = oe(), k = ne(), s = ie(() => k.value.find((d) => d.keyHash === l.params.queryId) ?? null), q = {
+      showSecond: !0,
+      rounding: "floor",
+      max: 1e3 * 60 * 60 * 24
+      // 1 day
+    }, j = ue(() => s.value?.devtools.updatedAt ?? 0, {
+      ...q,
+      updateInterval: 3e3
+    }), f = le(), h = D("pc:query:details:data:open", !1, {});
+    let S = h.value, T = null;
+    const w = D("pc:query:details:error:open", !1, {});
+    ae(
+      () => s.value?.state,
+      (d) => {
+        !d || T === d.status || (T = d.status, d.status === "error" ? (w.value = !0, S = h.value, h.value = !1) : d.status === "success" && (h.value = S, w.value = !1));
+      }
+    );
+    function A(d, e, p) {
+      if (e.length === 0)
+        return console.error("Cannot set value with empty path"), !1;
+      let c = d;
+      for (let x = 0; x < e.length - 1; x++) {
+        if (c == null || typeof c != "object")
+          return console.error("Invalid path:", e, "at index", x, "Current value:", c), !1;
+        c = c[e[x]];
+      }
+      return c == null || typeof c != "object" ? (console.error("Invalid final parent in path:", e), !1) : (c[e.at(-1)] = p, !0);
+    }
+    const N = (d, e) => {
+      if (!s.value) return;
+      if (!A(s.value.state.data, d, e)) {
+        console.error("Failed to update value at path:", d);
+        return;
+      }
+      f.emit("queries:set:state", s.value.key, s.value.state);
+    };
+    return (d, e) => {
+      const p = W, c = P, x = _e, y = re, O = ce, B = ee, E = te, H = Z, V = G, F = U;
+      return o(), u("div", Ce, [
+        s.value ? (o(), u(C, { key: 0 }, [
+          a(p, {
+            title: "Details",
+            icon: n(Q)
+          }, {
+            default: i(() => [
+              t("div", Ie, [
+                t("p", Se, [
+                  e[9] || (e[9] = t("span", null, "key:", -1)),
+                  t("span", null, [
+                    t("code", Te, v(s.value.key), 1)
+                  ])
+                ]),
+                t("p", Be, [
+                  e[10] || (e[10] = t("span", null, "Last update:", -1)),
+                  t("span", ze, v(n(j)), 1)
+                ]),
+                s.value.devtools.history.at(0)?.fetchTime ? (o(), u("p", De, [
+                  e[11] || (e[11] = t("span", null, "Last fetch:", -1)),
+                  t("span", Le, v(n(I)(new Date(s.value.devtools.history.at(0).fetchTime.start), {
+                    ...q,
+                    max: void 0
+                  })), 1)
+                ])) : b("", !0),
+                s.value.devtools.history.at(0)?.fetchTime?.end ? (o(), u("p", Me, [
+                  e[12] || (e[12] = t("span", null, "Fetch duration:", -1)),
+                  t("span", Re, v(n(fe)(
+                    s.value.devtools.history.at(0).fetchTime.end - s.value.devtools.history.at(0).fetchTime.start
+                  )), 1)
+                ])) : b("", !0),
+                t("p", je, [
+                  t("span", null, [
+                    e[13] || (e[13] = _("Observers: ", -1)),
+                    t("span", Ae, v(s.value.deps.length), 1)
+                  ])
+                ]),
+                !s.value.active && s.value.options ? (o(), u("p", Ne, [
+                  typeof s.value.options.gcTime == "number" && Number.isFinite(s.value.options.gcTime) ? (o(), u(C, { key: 0 }, [
+                    e[14] || (e[14] = t("span", null, [
+                      _("Will be "),
+                      t("i", null, "gced")
+                    ], -1)),
+                    t("span", Oe, v(n(I)(
+                      new Date(s.value.devtools.inactiveAt + s.value.options.gcTime),
+                      {
+                        ...q,
+                        max: void 0
+                      }
+                    )), 1)
+                  ], 64)) : b("", !0)
+                ])) : b("", !0)
+              ])
+            ]),
+            _: 1
+          }, 8, ["icon"]),
+          Object.keys(s.value.plugins).length ? (o(), g(p, {
+            key: 0,
+            title: "Plugins",
+            icon: n(qe),
+            open: !0
+          }, {
+            default: i(() => [
+              t("div", Ee, [
+                (o(!0), u(C, null, L(s.value.plugins, (r, z) => (o(), g(p, {
+                  key: z,
+                  title: String(z),
+                  open: !0,
+                  "no-padding": "",
+                  class: "rounded border border-(--ui-border) overflow-hidden"
+                }, {
+                  default: i(() => [
+                    a(c, {
+                      data: r,
+                      readonly: ""
+                    }, null, 8, ["data"])
+                  ]),
+                  _: 2
+                }, 1032, ["title"]))), 128))
+              ])
+            ]),
+            _: 1
+          }, 8, ["icon"])) : b("", !0),
+          a(p, {
+            title: "Actions",
+            icon: n(J)
+          }, {
+            default: i(() => [
+              t("div", He, [
+                a(y, {
+                  class: "theme-info",
+                  size: "sm",
+                  title: "Refetch this query",
+                  disabled: s.value.options?.enabled === !1,
+                  onClick: e[0] || (e[0] = (r) => n(f).emit("queries:refetch", s.value.key))
+                }, {
+                  default: i(() => [
+                    a(x, { class: "size-3.5" }),
+                    e[15] || (e[15] = _(" Refetch ", -1))
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                a(y, {
+                  class: "theme-neutral",
+                  size: "sm",
+                  title: "Invalidate this query",
+                  onClick: e[1] || (e[1] = (r) => n(f).emit("queries:invalidate", s.value.key))
+                }, {
+                  default: i(() => [
+                    a(O),
+                    e[16] || (e[16] = _(" Invalidate ", -1))
+                  ]),
+                  _: 1
+                }),
+                s.value.devtools.simulate !== "loading" ? (o(), g(y, {
+                  key: 0,
+                  class: "theme-purple",
+                  size: "sm",
+                  title: "Restore the previous state",
+                  onClick: e[2] || (e[2] = (r) => n(f).emit("queries:simulate:loading", s.value.key))
+                }, {
+                  default: i(() => [
+                    a(B),
+                    e[17] || (e[17] = _(" Simulate loading ", -1))
+                  ]),
+                  _: 1
+                })) : (o(), g(y, {
+                  key: 1,
+                  class: "theme-purple",
+                  size: "sm",
+                  title: "Simulate a loading state",
+                  onClick: e[3] || (e[3] = (r) => n(f).emit("queries:simulate:loading:stop", s.value.key))
+                }, {
+                  default: i(() => [
+                    a(B, { class: "animate-spin" }),
+                    e[18] || (e[18] = _(" Stop loading ", -1))
+                  ]),
+                  _: 1
+                })),
+                s.value.devtools.simulate !== "error" ? (o(), g(y, {
+                  key: 2,
+                  class: "theme-error",
+                  size: "sm",
+                  title: "Simulate an Error state",
+                  onClick: e[4] || (e[4] = (r) => n(f).emit("queries:simulate:error", s.value.key))
+                }, {
+                  default: i(() => [
+                    a(E),
+                    e[19] || (e[19] = _(" Simulate error ", -1))
+                  ]),
+                  _: 1
+                })) : (o(), g(y, {
+                  key: 3,
+                  class: "theme-error",
+                  size: "sm",
+                  title: "Restore the previous state",
+                  onClick: e[5] || (e[5] = (r) => n(f).emit("queries:simulate:error:stop", s.value.key))
+                }, {
+                  default: i(() => [
+                    a(H),
+                    e[20] || (e[20] = _(" Remove error ", -1))
+                  ]),
+                  _: 1
+                })),
+                a(y, {
+                  class: "theme-warning",
+                  size: "sm",
+                  title: "Reset this query to its initial (pending) state",
+                  onClick: e[6] || (e[6] = (r) => n(f).emit("queries:reset", s.value.key))
+                }, {
+                  default: i(() => [
+                    a(V),
+                    e[21] || (e[21] = _(" Reset ", -1))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["icon"]),
+          a(p, {
+            open: n(h),
+            "onUpdate:open": e[7] || (e[7] = (r) => R(h) ? h.value = r : null),
+            title: `Data${s.value.state.data === void 0 ? " (empty)" : ""}`,
+            icon: n(X),
+            class: M([s.value.state.data === void 0 && "text-(--ui-text-muted)"]),
+            "no-padding": ""
+          }, {
+            default: i(() => [
+              a(c, {
+                data: s.value.state.data,
+                "onUpdate:value": N
+              }, null, 8, ["data"])
+            ]),
+            _: 1
+          }, 8, ["open", "title", "icon", "class"]),
+          a(p, {
+            open: n(w),
+            "onUpdate:open": e[8] || (e[8] = (r) => R(w) ? w.value = r : null),
+            title: `Error${s.value.state.status === "error" ? " (!)" : "(empty)"}`,
+            icon: n(K),
+            class: M([s.value.state.status !== "error" && "text-(--ui-text-muted)"]),
+            disabled: ""
+          }, {
+            default: i(() => [
+              t("div", Ve, [
+                s.value.state.error ? (o(), u("pre", Fe, v(s.value.state.error), 1)) : (o(), u("p", Ue, "No error"))
+              ])
+            ]),
+            _: 1
+          }, 8, ["open", "title", "icon", "class"]),
+          a(p, {
+            title: "Call count",
+            icon: n(we),
+            open: !1
+          }, {
+            default: i(() => [
+              t("div", Qe, [
+                t("p", We, [
+                  e[22] || (e[22] = t("span", null, "Calls:", -1)),
+                  t("span", null, [
+                    t("code", Pe, v(s.value.devtools.count.total), 1)
+                  ]),
+                  e[23] || (e[23] = t("span", null, "Success:", -1)),
+                  t("span", null, [
+                    t("code", Ze, v(s.value.devtools.count.succeed), 1)
+                  ]),
+                  e[24] || (e[24] = t("span", null, "Errors:", -1)),
+                  t("span", null, [
+                    t("code", Ge, v(s.value.devtools.count.errored), 1)
+                  ]),
+                  e[25] || (e[25] = t("span", null, "Cancelled:", -1)),
+                  t("span", null, [
+                    t("code", Je, v(s.value.devtools.count.cancelled), 1)
+                  ])
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["icon"]),
+          a(p, {
+            title: `History (${s.value.devtools.history.length})`,
+            icon: n(ye),
+            open: !1
+          }, {
+            default: i(() => [
+              t("div", Xe, [
+                (o(!0), u(C, null, L(s.value.devtools.history, (r) => (o(), g(p, {
+                  key: r.updatedAt,
+                  title: `Entry nº${r.id} (${n(I)(new Date(r.updatedAt), q)})`,
+                  open: !1,
+                  class: "border border-neutral-200 dark:border-neutral-800"
+                }, {
+                  default: i(() => [
+                    a(c, {
+                      data: r,
+                      readonly: ""
+                    }, null, 8, ["data"])
+                  ]),
+                  _: 2
+                }, 1032, ["title"]))), 128))
+              ])
+            ]),
+            _: 1
+          }, 8, ["title", "icon"]),
+          a(p, {
+            title: "Options",
+            open: !s.value.options,
+            icon: n(Y),
+            "no-padding": ""
+          }, {
+            default: i(() => [
+              s.value.options ? (o(), g(c, {
+                key: 0,
+                data: s.value.options,
+                readonly: ""
+              }, null, 8, ["data"])) : (o(), u("p", Ke, [...e[26] || (e[26] = [
+                _(" This Query entry has no options. It might have been created from the server or manually set with ", -1),
+                t("code", null, "queryCache.setQueryData()", -1),
+                _(" for prefetching. ", -1)
+              ])]))
+            ]),
+            _: 1
+          }, 8, ["open", "icon"])
+        ], 64)) : (o(), u("div", Ye, [
+          t("p", et, [
+            e[27] || (e[27] = _(" Select a Query to inspect ", -1)),
+            a(F)
+          ]),
+          t("p", tt, " No query with key " + v(n(l).params.queryId) + " was found in the cache ", 1)
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  at as default
+};
+//# sourceMappingURL=_queryId_-DJ8QloFh.js.map