vite-plugin-vue-devtools 0.5.0 → 1.0.0-alpha.1

package/dist/client/assets/{index-197edebf.js → index-9f1190d8.js}

@@ -12696,7 +12696,7 @@ const scriptRel = 'modulepreload';const assetsURL = function(dep, importerUrl) {
 /* Injected with object hook! */
 
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "VButton",
+  __name: "Button",
   props: {
     to: {},
     icon: {}
@@ -13259,24 +13259,24 @@ function computedAsync(evaluationCallback, initialState, optionsOrRef) {
   }
 }
 
-function unrefElement(elRef) {
+function unrefElement$1(elRef) {
   var _a;
   const plain = toValue(elRef);
   return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 }
 
-const defaultWindow = isClient ? window : void 0;
+const defaultWindow$1 = isClient ? window : void 0;
 const defaultDocument = isClient ? window.document : void 0;
 const defaultNavigator = isClient ? window.navigator : void 0;
 
-function useEventListener(...args) {
+function useEventListener$1(...args) {
   let target;
   let events;
   let listeners;
   let options;
   if (typeof args[0] === "string" || Array.isArray(args[0])) {
     [events, listeners, options] = args;
-    target = defaultWindow;
+    target = defaultWindow$1;
   } else {
     [target, events, listeners, options] = args;
   }
@@ -13296,7 +13296,7 @@ function useEventListener(...args) {
     return () => el.removeEventListener(event, listener, options2);
   };
   const stopWatch = watch(
-    () => [unrefElement(target), toValue(options)],
+    () => [unrefElement$1(target), toValue(options)],
     ([el, options2]) => {
       cleanup();
       if (!el)
@@ -13319,7 +13319,7 @@ function useEventListener(...args) {
 
 let _iOSWorkaround = false;
 function onClickOutside(target, handler, options = {}) {
-  const { window = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;
+  const { window = defaultWindow$1, ignore = [], capture = true, detectIframe = false } = options;
   if (!window)
     return;
   if (isIOS && !_iOSWorkaround) {
@@ -13332,13 +13332,13 @@ function onClickOutside(target, handler, options = {}) {
       if (typeof target2 === "string") {
         return Array.from(window.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
       } else {
-        const el = unrefElement(target2);
+        const el = unrefElement$1(target2);
         return el && (event.target === el || event.composedPath().includes(el));
       }
     });
   };
   const listener = (event) => {
-    const el = unrefElement(target);
+    const el = unrefElement$1(target);
     if (!el || el === event.target || event.composedPath().includes(el))
       return;
     if (event.detail === 0)
@@ -13350,16 +13350,16 @@ function onClickOutside(target, handler, options = {}) {
     handler(event);
   };
   const cleanup = [
-    useEventListener(window, "click", listener, { passive: true, capture }),
-    useEventListener(window, "pointerdown", (e) => {
-      const el = unrefElement(target);
+    useEventListener$1(window, "click", listener, { passive: true, capture }),
+    useEventListener$1(window, "pointerdown", (e) => {
+      const el = unrefElement$1(target);
       if (el)
         shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);
     }, { passive: true }),
-    detectIframe && useEventListener(window, "blur", (event) => {
+    detectIframe && useEventListener$1(window, "blur", (event) => {
       setTimeout(() => {
         var _a;
-        const el = unrefElement(target);
+        const el = unrefElement$1(target);
         if (((_a = window.document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(window.document.activeElement)))
           handler(event);
       }, 0);
@@ -13419,7 +13419,7 @@ function onKeyStroke(...args) {
     handler = args[0];
   }
   const {
-    target = defaultWindow,
+    target = defaultWindow$1,
     eventName = "keydown",
     passive = false,
     dedupe = false
@@ -13431,7 +13431,7 @@ function onKeyStroke(...args) {
     if (predicate(e))
       handler(e);
   };
-  return useEventListener(target, eventName, listener, passive);
+  return useEventListener$1(target, eventName, listener, passive);
 }
 function onKeyDown(key, handler, options = {}) {
   return onKeyStroke(key, handler, __spreadProps$c(__spreadValues$p({}, options), { eventName: "keydown" }));
@@ -13458,7 +13458,7 @@ function useSupported(callback) {
 function useRafFn(fn, options = {}) {
   const {
     immediate = true,
-    window = defaultWindow
+    window = defaultWindow$1
   } = options;
   const isActive = ref(false);
   let previousFrameTimestamp = 0;
@@ -13495,7 +13495,7 @@ function useRafFn(fn, options = {}) {
 }
 
 function useMediaQuery(query, options = {}) {
-  const { window = defaultWindow } = options;
+  const { window = defaultWindow$1 } = options;
   const isSupported = useSupported(() => window && "matchMedia" in window && typeof window.matchMedia === "function");
   let mediaQuery;
   const matches = ref(false);
@@ -13550,7 +13550,7 @@ function useClipboard(options = {}) {
   }
   if (isSupported.value && read) {
     for (const event of events)
-      useEventListener(event, updateText);
+      useEventListener$1(event, updateText);
   }
   async function copy(value = toValue(source)) {
     if (isSupported.value && value != null) {
@@ -13664,7 +13664,7 @@ function useStorage(key, defaults, storage, options = {}) {
     writeDefaults = true,
     mergeDefaults = false,
     shallow,
-    window = defaultWindow,
+    window = defaultWindow$1,
     eventFilter,
     onError = (e) => {
       console.error(e);
@@ -13675,7 +13675,7 @@ function useStorage(key, defaults, storage, options = {}) {
     try {
       storage = getSSRHandler("getDefaultStorage", () => {
         var _a2;
-        return (_a2 = defaultWindow) == null ? void 0 : _a2.localStorage;
+        return (_a2 = defaultWindow$1) == null ? void 0 : _a2.localStorage;
       })();
     } catch (e) {
       onError(e);
@@ -13692,8 +13692,8 @@ function useStorage(key, defaults, storage, options = {}) {
     { flush, deep, eventFilter }
   );
   if (window && listenToStorageChanges) {
-    useEventListener(window, "storage", update);
-    useEventListener(window, customStorageEventName, updateFromCustomEvent);
+    useEventListener$1(window, "storage", update);
+    useEventListener$1(window, customStorageEventName, updateFromCustomEvent);
   }
   update();
   return data;
@@ -13792,7 +13792,7 @@ function useColorMode(options = {}) {
     selector = "html",
     attribute = "class",
     initialValue = "auto",
-    window = defaultWindow,
+    window = defaultWindow$1,
     storage,
     storageKey = "vueuse-color-scheme",
     listenToStorageChanges = true,
@@ -13814,7 +13814,7 @@ function useColorMode(options = {}) {
   const updateHTMLAttrs = getSSRHandler(
     "updateHTMLAttrs",
     (selector2, attribute2, value) => {
-      const el = typeof selector2 === "string" ? window == null ? void 0 : window.document.querySelector(selector2) : unrefElement(selector2);
+      const el = typeof selector2 === "string" ? window == null ? void 0 : window.document.querySelector(selector2) : unrefElement$1(selector2);
       if (!el)
         return;
       let style;
@@ -13936,7 +13936,7 @@ var __objRest$2 = (source, exclude) => {
   return target;
 };
 function useResizeObserver(target, callback, options = {}) {
-  const _a = options, { window = defaultWindow } = _a, observerOptions = __objRest$2(_a, ["window"]);
+  const _a = options, { window = defaultWindow$1 } = _a, observerOptions = __objRest$2(_a, ["window"]);
   let observer;
   const isSupported = useSupported(() => window && "ResizeObserver" in window);
   const cleanup = () => {
@@ -13946,7 +13946,7 @@ function useResizeObserver(target, callback, options = {}) {
     }
   };
   const targets = computed(
-    () => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]
+    () => Array.isArray(target) ? target.map((el) => unrefElement$1(el)) : [unrefElement$1(target)]
   );
   const stopWatch = watch(
     targets,
@@ -13987,7 +13987,7 @@ function useElementBounding(target, options = {}) {
   const x = ref(0);
   const y = ref(0);
   function update() {
-    const el = unrefElement(target);
+    const el = unrefElement$1(target);
     if (!el) {
       if (reset) {
         height.value = 0;
@@ -14012,11 +14012,11 @@ function useElementBounding(target, options = {}) {
     y.value = rect.y;
   }
   useResizeObserver(target, update);
-  watch(() => unrefElement(target), (ele) => !ele && update());
+  watch(() => unrefElement$1(target), (ele) => !ele && update());
   if (windowScroll)
-    useEventListener("scroll", update, { capture: true, passive: true });
+    useEventListener$1("scroll", update, { capture: true, passive: true });
   if (windowResize)
-    useEventListener("resize", update, { passive: true });
+    useEventListener$1("resize", update, { passive: true });
   tryOnMounted(() => {
     if (immediate)
       update();
@@ -14035,10 +14035,10 @@ function useElementBounding(target, options = {}) {
 }
 
 function useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {
-  const { window = defaultWindow, box = "content-box" } = options;
+  const { window = defaultWindow$1, box = "content-box" } = options;
   const isSVG = computed(() => {
     var _a, _b;
-    return (_b = (_a = unrefElement(target)) == null ? void 0 : _a.namespaceURI) == null ? void 0 : _b.includes("svg");
+    return (_b = (_a = unrefElement$1(target)) == null ? void 0 : _a.namespaceURI) == null ? void 0 : _b.includes("svg");
   });
   const width = ref(initialSize.width);
   const height = ref(initialSize.height);
@@ -14047,7 +14047,7 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
     ([entry]) => {
       const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
       if (window && isSVG.value) {
-        const $elem = unrefElement(target);
+        const $elem = unrefElement$1(target);
         if ($elem) {
           const styles = window.getComputedStyle($elem);
           width.value = Number.parseFloat(styles.width);
@@ -14067,7 +14067,7 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
     options
   );
   watch(
-    () => unrefElement(target),
+    () => unrefElement$1(target),
     (ele) => {
       width.value = ele ? initialSize.width : 0;
       height.value = ele ? initialSize.height : 0;
@@ -14190,13 +14190,13 @@ function useScroll(element, options = {}) {
     onScrollEndDebounced(e);
     onScroll(e);
   };
-  useEventListener(
+  useEventListener$1(
     element,
     "scroll",
     throttle ? useThrottleFn(onScrollHandler, throttle, true, false) : onScrollHandler,
     eventListenerOptions
   );
-  useEventListener(
+  useEventListener$1(
     element,
     "scrollend",
     onScrollEnd,
@@ -14280,7 +14280,7 @@ function useInfiniteScroll(element, onLoadMore, options = {}) {
 }
 
 function useLocalStorage(key, initialValue, options = {}) {
-  const { window = defaultWindow } = options;
+  const { window = defaultWindow$1 } = options;
   return useStorage(key, initialValue, window == null ? void 0 : window.localStorage, options);
 }
 
@@ -14298,7 +14298,7 @@ const DefaultMagicKeysAliasMap = {
 function useMagicKeys(options = {}) {
   const {
     reactive: useReactive = false,
-    target = defaultWindow,
+    target = defaultWindow$1,
     aliasMap = DefaultMagicKeysAliasMap,
     passive = true,
     onEventFired = noop
@@ -14351,16 +14351,16 @@ function useMagicKeys(options = {}) {
       [...current, ...values].forEach((key2) => metaDeps.add(key2));
     }
   }
-  useEventListener(target, "keydown", (e) => {
+  useEventListener$1(target, "keydown", (e) => {
     updateRefs(e, true);
     return onEventFired(e);
   }, { passive });
-  useEventListener(target, "keyup", (e) => {
+  useEventListener$1(target, "keyup", (e) => {
     updateRefs(e, false);
     return onEventFired(e);
   }, { passive });
-  useEventListener("blur", reset, { passive: true });
-  useEventListener("focus", reset, { passive: true });
+  useEventListener$1("blur", reset, { passive: true });
+  useEventListener$1("focus", reset, { passive: true });
   const proxy = new Proxy(
     refs,
     {
@@ -14419,7 +14419,19 @@ function useNow(options = {}) {
   }
 }
 
-function checkOverflowScroll(ele) {
+function usePreferredColorScheme(options) {
+  const isLight = useMediaQuery("(prefers-color-scheme: light)", options);
+  const isDark = useMediaQuery("(prefers-color-scheme: dark)", options);
+  return computed(() => {
+    if (isDark.value)
+      return "dark";
+    if (isLight.value)
+      return "light";
+    return "no-preference";
+  });
+}
+
+function checkOverflowScroll$1(ele) {
   const style = window.getComputedStyle(ele);
   if (style.overflowX === "scroll" || style.overflowY === "scroll" || style.overflowX === "auto" && ele.clientWidth < ele.scrollWidth || style.overflowY === "auto" && ele.clientHeight < ele.scrollHeight) {
     return true;
@@ -14427,13 +14439,13 @@ function checkOverflowScroll(ele) {
     const parent = ele.parentNode;
     if (!parent || parent.tagName === "BODY")
       return false;
-    return checkOverflowScroll(parent);
+    return checkOverflowScroll$1(parent);
   }
 }
-function preventDefault(rawEvent) {
+function preventDefault$1(rawEvent) {
   const e = rawEvent || window.event;
   const _target = e.target;
-  if (checkOverflowScroll(_target))
+  if (checkOverflowScroll$1(_target))
     return false;
   if (e.touches.length > 1)
     return true;
@@ -14441,7 +14453,7 @@ function preventDefault(rawEvent) {
     e.preventDefault();
   return false;
 }
-function useScrollLock(element, initialState = false) {
+function useScrollLock$1(element, initialState = false) {
   const isLocked = ref(initialState);
   let stopTouchMoveListener = null;
   let initialOverflow;
@@ -14460,11 +14472,11 @@ function useScrollLock(element, initialState = false) {
     if (!ele || isLocked.value)
       return;
     if (isIOS) {
-      stopTouchMoveListener = useEventListener(
+      stopTouchMoveListener = useEventListener$1(
         ele,
         "touchmove",
         (e) => {
-          preventDefault(e);
+          preventDefault$1(e);
         },
         { passive: false }
       );
@@ -14800,12 +14812,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_Logo = __unplugin_components_0;
-      const _component_VBadge = __unplugin_components_1;
-      const _component_VButton = _sfc_main$d;
+      const _component_VDBadge = __unplugin_components_1;
+      const _component_VDButton = _sfc_main$d;
       return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createBaseVNode("div", _hoisted_2$5, [
           createVNode(_component_Logo, { "h-16": "" }),
-          createVNode(_component_VBadge, {
+          createVNode(_component_VDBadge, {
             "mr--15": "",
             "mt--5": "",
             "bg-green-400:10": "",
@@ -14817,7 +14829,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         _hoisted_3$3,
         _hoisted_4$2,
         _hoisted_5$2,
-        createVNode(_component_VButton, {
+        createVNode(_component_VDButton, {
           "mt-4": "",
           n: "xl primary",
           onClick: visit
@@ -14834,20 +14846,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-bc5ea36f.js'),true?["./timeline-bc5ea36f.js","./StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./index-f977bcde.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./VPanelGrids-4b915e62.js","./_commonjsHelpers-65004790.js","./splitpanes.es-2f5182b4.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-7722ba4d.js'),true?["./settings-7722ba4d.js","./VSwitch.vue_vue_type_script_setup_true_lang-ed954339.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./_commonjsHelpers-65004790.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js","./settings-3815e37a.css"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-ddddc2d7.js'),true?["./routes-ddddc2d7.js","./VPanelGrids-4b915e62.js","./StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./index-f977bcde.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./splitpanes.es-2f5182b4.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-89f6b4c0.js'),true?["./pinia-89f6b4c0.js","./StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./index-f977bcde.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./splitpanes.es-2f5182b4.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-562d1ae5.js'),true?["./pages-562d1ae5.js","./VSectionBlock-8dcfb48d.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-edc8c0a8.js'),true?["./overview-edc8c0a8.js","./VPanelGrids-4b915e62.js","./rpc-b9c94a3a.js","./index-f977bcde.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./npm-73c6479f.js'),true?["./npm-73c6479f.js","./VSectionBlock-8dcfb48d.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js","./_commonjsHelpers-65004790.js","./rpc-b9c94a3a.js","./npm-832f3f2c.css"]:void 0,import.meta.url);
-const __pages_import_7__ = () => __vitePreload(() => import('./inspect-8d04bb08.js'),true?["./inspect-8d04bb08.js","./IframeView.vue_vue_type_script_setup_true_lang-c6f176d1.js","./rpc-b9c94a3a.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./graph-f081d3a5.js'),true?["./graph-f081d3a5.js","./VSwitch.vue_vue_type_script_setup_true_lang-ed954339.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./fuse.esm-c317b696.js","./_commonjsHelpers-65004790.js","./rpc-b9c94a3a.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./documentations-e0b483de.js'),true?["./documentations-e0b483de.js","./IframeView.vue_vue_type_script_setup_true_lang-c6f176d1.js","./rpc-b9c94a3a.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./components-c9aae4bc.js'),true?["./components-c9aae4bc.js","./VPanelGrids-4b915e62.js","./StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./index-f977bcde.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./splitpanes.es-2f5182b4.js"]:void 0,import.meta.url);
-const __pages_import_12__ = () => __vitePreload(() => import('./component-docs-b2752be1.js'),true?["./component-docs-b2752be1.js","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./splitpanes.es-2f5182b4.js","./fuse.esm-c317b696.js","./rpc-b9c94a3a.js","./component-docs-351d62d5.css"]:void 0,import.meta.url);
-const __pages_import_13__ = () => __vitePreload(() => import('./assets-bf6dd9e4.js'),true?["./assets-bf6dd9e4.js","./VPanelGrids-4b915e62.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./rpc-b9c94a3a.js","./VSectionBlock-8dcfb48d.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_14__ = () => __vitePreload(() => import('./__eyedropper-67c21231.js'),true?["./__eyedropper-67c21231.js","./VPanelGrids-4b915e62.js","./index-f977bcde.js"]:void 0,import.meta.url);
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-8ce18510.js'),true?["./timeline-8ce18510.js","./StateFields.vue_vue_type_script_setup_true_lang-019c8d08.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./index-95398468.js","./IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js","./PanelGrids-93648569.js","./_commonjsHelpers-65004790.js","./splitpanes.es-36fe45c8.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-b93aee1f.js'),true?["./settings-b93aee1f.js","./Switch.vue_vue_type_script_setup_true_lang-3e126052.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./_commonjsHelpers-65004790.js","./IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js","./TextInput.vue_vue_type_script_setup_true_lang-13bb76a1.js","./IconTitle.vue_vue_type_script_setup_true_lang-d82eff77.js","./settings-7bce89ae.css"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-cd907bae.js'),true?["./routes-cd907bae.js","./PanelGrids-93648569.js","./StateFields.vue_vue_type_script_setup_true_lang-019c8d08.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./index-95398468.js","./IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js","./splitpanes.es-36fe45c8.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-58865e70.js'),true?["./pinia-58865e70.js","./StateFields.vue_vue_type_script_setup_true_lang-019c8d08.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./index-95398468.js","./IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js","./splitpanes.es-36fe45c8.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-323386ca.js'),true?["./pages-323386ca.js","./SectionBlock-a8928e3c.js","./IconTitle.vue_vue_type_script_setup_true_lang-d82eff77.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./SectionBlock-0024395a.css","./TextInput.vue_vue_type_script_setup_true_lang-13bb76a1.js"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-8e63c4fa.js'),true?["./overview-8e63c4fa.js","./PanelGrids-93648569.js","./index-95398468.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./npm-ee43d18c.js'),true?["./npm-ee43d18c.js","./SectionBlock-a8928e3c.js","./IconTitle.vue_vue_type_script_setup_true_lang-d82eff77.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./SectionBlock-0024395a.css","./TextInput.vue_vue_type_script_setup_true_lang-13bb76a1.js","./_commonjsHelpers-65004790.js","./npm-832f3f2c.css"]:void 0,import.meta.url);
+const __pages_import_7__ = () => __vitePreload(() => import('./inspect-6bd0f86e.js'),true?["./inspect-6bd0f86e.js","./IframeView.vue_vue_type_script_setup_true_lang-778923b2.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./graph-0860970b.js'),true?["./graph-0860970b.js","./Switch.vue_vue_type_script_setup_true_lang-3e126052.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./fuse.esm-c317b696.js","./_commonjsHelpers-65004790.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./documentations-4d7aa8fe.js'),true?["./documentations-4d7aa8fe.js","./IframeView.vue_vue_type_script_setup_true_lang-778923b2.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./components-fc711123.js'),true?["./components-fc711123.js","./PanelGrids-93648569.js","./StateFields.vue_vue_type_script_setup_true_lang-019c8d08.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./index-95398468.js","./IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js","./splitpanes.es-36fe45c8.js"]:void 0,import.meta.url);
+const __pages_import_12__ = () => __vitePreload(() => import('./component-docs-6d7e057c.js'),true?["./component-docs-6d7e057c.js","./TextInput.vue_vue_type_script_setup_true_lang-13bb76a1.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./splitpanes.es-36fe45c8.js","./fuse.esm-c317b696.js","./component-docs-351d62d5.css"]:void 0,import.meta.url);
+const __pages_import_13__ = () => __vitePreload(() => import('./assets-114c5f0e.js'),true?["./assets-114c5f0e.js","./PanelGrids-93648569.js","./IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js","./Icon.vue_vue_type_script_setup_true_lang-f867c918.js","./SectionBlock-a8928e3c.js","./IconTitle.vue_vue_type_script_setup_true_lang-d82eff77.js","./SectionBlock-0024395a.css","./TextInput.vue_vue_type_script_setup_true_lang-13bb76a1.js","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_14__ = () => __vitePreload(() => import('./__eyedropper-44f84f34.js'),true?["./__eyedropper-44f84f34.js","./PanelGrids-93648569.js","./index-95398468.js"]:void 0,import.meta.url);
 
 const routes$1 = [{"name":"timeline","path":"/timeline","component":__pages_import_0__,"props":true},{"name":"settings","path":"/settings","component":__pages_import_1__,"props":true},{"name":"routes","path":"/routes","component":__pages_import_2__,"props":true},{"name":"pinia","path":"/pinia","component":__pages_import_3__,"props":true},{"name":"pages","path":"/pages","component":__pages_import_4__,"props":true},{"name":"overview","path":"/overview","component":__pages_import_5__,"props":true},{"name":"npm","path":"/npm","component":__pages_import_6__,"props":true},{"name":"inspect","path":"/inspect","component":__pages_import_7__,"props":true},{"name":"index","path":"/","component":_sfc_main$a,"props":true},{"name":"graph","path":"/graph","component":__pages_import_9__,"props":true},{"name":"documentations","path":"/documentations","component":__pages_import_10__,"props":true},{"name":"components","path":"/components","component":__pages_import_11__,"props":true},{"name":"component-docs","path":"/component-docs","component":__pages_import_12__,"props":true},{"name":"assets","path":"/assets","component":__pages_import_13__,"props":true},{"name":"__eyedropper","path":"/__eyedropper","component":__pages_import_14__,"props":true}];
 /* Injected with object hook! */
@@ -14899,10 +14911,12 @@ const client$1 = ref({
     highlight: () => {
     },
     unHighlight: () => {
+    },
+    scrollToComponent: () => {
     }
   }
 });
-function useDevtoolsClient() {
+function useDevToolsClient() {
   return client$1;
 }
 
@@ -15166,7 +15180,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     tab: {}
   },
   setup(__props) {
-    const client = useDevtoolsClient();
+    const client = useDevToolsClient();
     const router = useRouter();
     function handleClick(tab) {
       const builtinTab = getMappedBuiltinTabs(tab);
@@ -15215,8 +15229,168 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+
+const defaultWindow = isClient ? window : void 0;
+
+function useEventListener(...args) {
+  let target;
+  let events;
+  let listeners;
+  let options;
+  if (typeof args[0] === "string" || Array.isArray(args[0])) {
+    [events, listeners, options] = args;
+    target = defaultWindow;
+  } else {
+    [target, events, listeners, options] = args;
+  }
+  if (!target)
+    return noop;
+  if (!Array.isArray(events))
+    events = [events];
+  if (!Array.isArray(listeners))
+    listeners = [listeners];
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn) => fn());
+    cleanups.length = 0;
+  };
+  const register = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
+  };
+  const stopWatch = watch(
+    () => [unrefElement(target), toValue(options)],
+    ([el, options2]) => {
+      cleanup();
+      if (!el)
+        return;
+      cleanups.push(
+        ...events.flatMap((event) => {
+          return listeners.map((listener) => register(el, event, listener, options2));
+        })
+      );
+    },
+    { immediate: true, flush: "post" }
+  );
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(stop);
+  return stop;
+}
+
+const UsePreferredColorScheme = /* @__PURE__ */ /* #__PURE__ */ defineComponent({
+  name: "UsePreferredColorScheme",
+  setup(props, { slots }) {
+    const data = reactive({
+      colorScheme: usePreferredColorScheme()
+    });
+    return () => {
+      if (slots.default)
+        return slots.default(data);
+    };
+  }
+});
+
+function checkOverflowScroll(ele) {
+  const style = window.getComputedStyle(ele);
+  if (style.overflowX === "scroll" || style.overflowY === "scroll" || style.overflowX === "auto" && ele.clientWidth < ele.scrollWidth || style.overflowY === "auto" && ele.clientHeight < ele.scrollHeight) {
+    return true;
+  } else {
+    const parent = ele.parentNode;
+    if (!parent || parent.tagName === "BODY")
+      return false;
+    return checkOverflowScroll(parent);
+  }
+}
+function preventDefault(rawEvent) {
+  const e = rawEvent || window.event;
+  const _target = e.target;
+  if (checkOverflowScroll(_target))
+    return false;
+  if (e.touches.length > 1)
+    return true;
+  if (e.preventDefault)
+    e.preventDefault();
+  return false;
+}
+function useScrollLock(element, initialState = false) {
+  const isLocked = ref(initialState);
+  let stopTouchMoveListener = null;
+  let initialOverflow;
+  watch(toRef(element), (el) => {
+    if (el) {
+      const ele = el;
+      initialOverflow = ele.style.overflow;
+      if (isLocked.value)
+        ele.style.overflow = "hidden";
+    }
+  }, {
+    immediate: true
+  });
+  const lock = () => {
+    const ele = toValue(element);
+    if (!ele || isLocked.value)
+      return;
+    if (isIOS) {
+      stopTouchMoveListener = useEventListener(
+        ele,
+        "touchmove",
+        (e) => {
+          preventDefault(e);
+        },
+        { passive: false }
+      );
+    }
+    ele.style.overflow = "hidden";
+    isLocked.value = true;
+  };
+  const unlock = () => {
+    const ele = toValue(element);
+    if (!ele || !isLocked.value)
+      return;
+    isIOS && (stopTouchMoveListener == null ? void 0 : stopTouchMoveListener());
+    ele.style.overflow = initialOverflow;
+    isLocked.value = false;
+  };
+  tryOnScopeDispose(unlock);
+  return computed({
+    get() {
+      return isLocked.value;
+    },
+    set(v) {
+      if (v)
+        lock();
+      else
+        unlock();
+    }
+  });
+}
+
+function onScrollLock() {
+  let isMounted = false;
+  const state = ref(false);
+  return (el, binding) => {
+    state.value = binding.value;
+    if (isMounted)
+      return;
+    isMounted = true;
+    const isLocked = useScrollLock(el, binding.value);
+    watch(state, (v) => isLocked.value = v);
+  };
+}
+onScrollLock();
+
+/* Injected with object hook! */
+
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "VDarkToggle",
+  __name: "DarkToggle",
   setup(__props) {
     const mode = useColorMode();
     const isDark = computed({
@@ -15266,8 +15440,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       toggle
     };
     return (_ctx, _cache) => {
-      const _component_ColorScheme = resolveComponent("ColorScheme");
-      return openBlock(), createBlock(_component_ColorScheme, { tag: "span" }, {
+      return openBlock(), createBlock(unref(UsePreferredColorScheme), { tag: "span" }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(context)))
         ]),
@@ -15279,18 +15452,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-/* unplugin-vue-components disabled */const _sfc_main$6 = {};
-
-const _hoisted_1$4 = { class: "n-card n-card-base" };
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$4, [
-    renderSlot(_ctx.$slots, "default")
-  ]))
-}
-const __unplugin_components_7 = /*#__PURE__*/_export_sfc(_sfc_main$6, [['render',_sfc_render]]);
-/* Injected with object hook! */
-
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -16833,7 +16994,7 @@ function useFocusTrap(target, options = {}) {
     }
   };
   watch(
-    () => unrefElement(target),
+    () => unrefElement$1(target),
     (el) => {
       if (!el)
         return;
@@ -16867,12 +17028,24 @@ function useFocusTrap(target, options = {}) {
 
 /* Injected with object hook! */
 
+/* unplugin-vue-components disabled */const _sfc_main$6 = {};
+
+const _hoisted_1$4 = { class: "n-card n-card-base" };
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$4, [
+    renderSlot(_ctx.$slots, "default")
+  ]))
+}
+const __unplugin_components_7 = /*#__PURE__*/_export_sfc(_sfc_main$6, [['render',_sfc_render]]);
+/* Injected with object hook! */
+
 const __default__ = {
   inheritAttrs: false
 };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...__default__,
-  __name: "VDialog",
+  __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: false },
     dim: { type: Boolean, default: true }
@@ -16899,7 +17072,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       emit("close");
     }
     return (_ctx, _cache) => {
-      const _component_VCard = __unplugin_components_7;
       return shown.value ? (openBlock(), createBlock(Teleport, {
         key: 0,
         to: "body"
@@ -16915,7 +17087,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             ]]),
             onClick: _cache[0] || (_cache[0] = ($event) => close())
           }, null, 2),
-          createVNode(_component_VCard, mergeProps(_ctx.$attrs, {
+          createVNode(__unplugin_components_7, mergeProps(_ctx.$attrs, {
             ref_key: "card",
             ref: card,
             class: "max-h-screen of-auto"
@@ -16994,7 +17166,7 @@ const _hoisted_6$1 = /* @__PURE__ */ createBaseVNode("p", null, [
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "PopupButton",
   setup(__props) {
-    const client = useDevtoolsClient();
+    const client = useDevToolsClient();
     const isSupported = typeof window !== "undefined" && window.parent.documentPictureInPicture?.requestWindow;
     const showPopupUnsupported = ref(false);
     const copy = useCopy();
@@ -17006,11 +17178,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       client.value?.panel?.popup();
     }
     return (_ctx, _cache) => {
-      const _component_VButton = _sfc_main$d;
-      const _component_VDialog = _sfc_main$5;
+      const _component_VDButton = _sfc_main$d;
+      const _component_VDDialog = _sfc_main$5;
       return openBlock(), createElementBlock(Fragment, null, [
         createBaseVNode("div", _hoisted_1$3, [
-          createVNode(_component_VButton, {
+          createVNode(_component_VDButton, {
             n: "sm primary",
             onClick: popup
           }, {
@@ -17022,7 +17194,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ]),
-        createVNode(_component_VDialog, {
+        createVNode(_component_VDDialog, {
           modelValue: unref(showPopupUnsupported),
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(showPopupUnsupported) ? showPopupUnsupported.value = $event : null),
           class: "popup-dialog z-2000 max-w-150 p6 pt-2",
@@ -17034,7 +17206,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             _hoisted_6$1,
             createBaseVNode("p", null, [
               createTextVNode(" Your current browser does not seem to support the API, or the flag is not enabled yet. You can try enabling the flag by visiting "),
-              createVNode(_component_VButton, {
+              createVNode(_component_VDButton, {
                 n: "xs primary",
                 title: "Click to Copy",
                 onClick: _cache[0] || (_cache[0] = ($event) => unref(copy)("chrome://flags/#document-picture-in-picture-api"))
@@ -17047,7 +17219,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createTextVNode(" and restart the browser. ")
             ]),
             createBaseVNode("div", null, [
-              createVNode(_component_VButton, {
+              createVNode(_component_VDButton, {
                 onClick: _cache[1] || (_cache[1] = ($event) => showPopupUnsupported.value = false)
               }, {
                 default: withCtx(() => [
@@ -17090,15 +17262,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_PopupButton = _sfc_main$4;
-      const _component_VButton = _sfc_main$d;
-      const _component_VDarkToggle = _sfc_main$7;
+      const _component_VDButton = _sfc_main$d;
+      const _component_VDDarkToggle = _sfc_main$7;
       const _component_RouterLink = resolveComponent("RouterLink");
       return openBlock(), createElementBlock("div", null, [
         createBaseVNode("div", _hoisted_1$2, [
           !unref(isInPopup) ? (openBlock(), createBlock(_component_PopupButton, { key: 0 })) : createCommentVNode("", true),
-          createVNode(_component_VDarkToggle, null, {
+          createVNode(_component_VDDarkToggle, null, {
             default: withCtx(({ toggle, isDark }) => [
-              createVNode(_component_VButton, {
+              createVNode(_component_VDButton, {
                 n: "sm primary",
                 onClick: toggle
               }, {
@@ -17273,15 +17445,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const icon = ref();
     const text = ref();
     const type = ref();
+    const duration = ref();
+    let timer;
     provideNotification((opt) => {
       text.value = opt.text;
       icon.value = opt.icon;
       show.value = true;
       type.value = opt.type;
-      setTimeout(() => {
-        show.value = false;
-      }, opt.duration || 1500);
+      duration.value = opt.duration || 1500;
+      createTimer();
     });
+    function clearTimer() {
+      if (timer) {
+        clearTimeout(timer);
+        timer = void 0;
+      }
+    }
+    function createTimer() {
+      timer = setTimeout(() => {
+        show.value = false;
+        timer = void 0;
+      }, duration.value);
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         fixed: "",
@@ -17308,14 +17493,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           "duration-300": "",
           "bg-base": "",
           style: normalizeStyle(unref(show) ? {} : { transform: "translateY(-300%)" }),
-          class: normalizeClass(unref(show) ? "shadow" : "shadow-none")
+          class: normalizeClass(unref(show) ? "shadow" : "shadow-none"),
+          onMouseenter: clearTimer,
+          onMouseleave: createTimer
         }, [
           unref(icon) ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(`i-${unref(icon)}`)
           }, null, 2)) : createCommentVNode("", true),
           createBaseVNode("div", null, toDisplayString(unref(text)), 1)
-        ], 6)) : (openBlock(), createElementBlock("div", {
+        ], 38)) : (openBlock(), createElementBlock("div", {
           key: 1,
           border: "~ base",
           flex: "~ inline gap2",
@@ -17330,14 +17517,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           "duration-300": "",
           "bg-base": "",
           style: normalizeStyle(unref(show) ? {} : { transform: "translateY(-300%)" }),
-          class: normalizeClass(unref(show) ? "shadow" : "shadow-none")
+          class: normalizeClass(unref(show) ? "shadow" : "shadow-none"),
+          onMouseenter: clearTimer,
+          onMouseleave: createTimer
         }, [
           unref(icon) ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(`i-${unref(icon)}`)
           }, null, 2)) : createCommentVNode("", true),
           createBaseVNode("div", null, toDisplayString(unref(text)), 1)
-        ], 6))
+        ], 38))
       ], 2);
     };
   }
@@ -17382,7 +17571,7 @@ var MutationType;
 
 /* Injected with object hook! */
 
-let nanoid = (size = 21) =>
+let nanoid$1 = (size = 21) =>
   crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {
     byte &= 63;
     if (byte < 36) {
@@ -17403,7 +17592,7 @@ const timelineLayer = ref([]);
 const timelineEvent = ref([]);
 const activeLayerId = ref("router");
 const activeTimelineEvents = computed(() => {
-  return timelineEvent.value.map((item) => ({ ...item, id: nanoid() })).filter((item) => item.layerId === activeLayerId.value);
+  return timelineEvent.value.map((item) => ({ ...item, id: nanoid$1() })).filter((item) => item.layerId === activeLayerId.value);
 });
 const activeTimelineEventIndex = ref(0);
 function toggleTimelineLayer(id) {
@@ -17659,11 +17848,7 @@ const router$1 = computed(() => app$1.value?.config?.globalProperties?.$router);
 const currentRoute = computed(() => unref(router$1.value?.currentRoute));
 const routes = computed(() => {
   const routesMap = /* @__PURE__ */ new Map();
-  return (router$1.value?.getRoutes() || []).map((i) => {
-    return {
-      ...i
-    };
-  }).filter((i) => !routesMap.has(i.path) && routesMap.set(i.path, 1));
+  return (router$1.value?.getRoutes() || []).filter((i) => !routesMap.has(i.path) && routesMap.set(i.path, 1));
 });
 function initApp(params) {
   const [_, { app: _app }] = params;
@@ -17700,9 +17885,9 @@ function onVueInstanceUpdate(cb) {
 function hideInDevtools(component) {
   return component?.root?.type?.devtools?.hide;
 }
-const client = useDevtoolsClient();
+const client = useDevToolsClient();
 function produceHook() {
-  const client2 = useDevtoolsClient();
+  const client2 = useDevToolsClient();
   const hook = client2.value.hook;
   hook.on("app:init" /* APP_INIT */, (app) => {
     if (app?._vueDevtools_hidden_)
@@ -17966,7 +18151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { route: _route, isFirstVisit } = useFrameState();
     useColorMode();
     hookApi.hook.on("init:vue:app", () => {
-      const client = useDevtoolsClient();
+      const client = useDevToolsClient();
       const categorizedHookBuffer = client.value.categorizedHookBuffer;
       client.value.markClientLoaded();
       hookApi.produce();
@@ -17992,9 +18177,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         document.body.style.fontSize = `${scale.value * 15}px`;
       });
     });
-    useEventListener("keydown", (e) => {
+    useEventListener$1("keydown", (e) => {
       if (e.code === "KeyD" && e.altKey && e.shiftKey) {
-        const client = useDevtoolsClient();
+        const client = useDevToolsClient();
         client.value?.panel?.toggle();
       }
     });
@@ -18020,6 +18205,173 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
+typeof window !== "undefined" ? window.__VUE_DEVTOOLS_GLOBAL_HOOK__ ??= {
+  events: /* @__PURE__ */ new Map(),
+  on(event, fn) {
+    if (!this.events.has(event))
+      this.events.set(event, []);
+    this.events.get(event).push(fn);
+  },
+  emit(event, ...payload) {
+    if (this.events.has(event))
+      this.events.get(event).forEach((fn) => fn(...payload));
+  }
+} : {};
+
+/* Injected with object hook! */
+
+const DEFAULT_TIMEOUT = 6e4;
+function defaultSerialize(i) {
+  return i;
+}
+const defaultDeserialize = defaultSerialize;
+const { setTimeout: setTimeout$1 } = globalThis;
+const random = Math.random.bind(Math);
+function createBirpc(functions, options) {
+  const {
+    post,
+    on,
+    eventNames = [],
+    serialize = defaultSerialize,
+    deserialize = defaultDeserialize,
+    resolver,
+    timeout = DEFAULT_TIMEOUT
+  } = options;
+  const rpcPromiseMap = /* @__PURE__ */ new Map();
+  let _promise;
+  const rpc = new Proxy({}, {
+    get(_, method) {
+      if (method === "$functions")
+        return functions;
+      const sendEvent = (...args) => {
+        post(serialize({ m: method, a: args, t: "q" }));
+      };
+      if (eventNames.includes(method)) {
+        sendEvent.asEvent = sendEvent;
+        return sendEvent;
+      }
+      const sendCall = async (...args) => {
+        await _promise;
+        return new Promise((resolve, reject) => {
+          const id = nanoid();
+          rpcPromiseMap.set(id, { resolve, reject });
+          post(serialize({ m: method, a: args, i: id, t: "q" }));
+          if (timeout >= 0) {
+            setTimeout$1(() => {
+              reject(new Error(`[birpc] timeout on calling "${method}"`));
+              rpcPromiseMap.delete(id);
+            }, timeout);
+          }
+        });
+      };
+      sendCall.asEvent = sendEvent;
+      return sendCall;
+    }
+  });
+  _promise = on(async (data, ...extra) => {
+    const msg = deserialize(data);
+    if (msg.t === "q") {
+      const { m: method, a: args } = msg;
+      let result, error;
+      const fn = resolver ? resolver(method, functions[method]) : functions[method];
+      if (!fn) {
+        error = new Error(`[birpc] function "${method}" not found`);
+      } else {
+        try {
+          result = await fn.apply(rpc, args);
+        } catch (e) {
+          error = e;
+        }
+      }
+      if (msg.i) {
+        if (error && options.onError)
+          options.onError(error, method, args);
+        post(serialize({ t: "s", i: msg.i, r: result, e: error }), ...extra);
+      }
+    } else {
+      const { i: ack, r: result, e: error } = msg;
+      const promise = rpcPromiseMap.get(ack);
+      if (promise) {
+        if (error)
+          promise.reject(error);
+        else
+          promise.resolve(result);
+      }
+      rpcPromiseMap.delete(ack);
+    }
+  });
+  return rpc;
+}
+const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+function nanoid(size = 21) {
+  let id = "";
+  let i = size;
+  while (i--)
+    id += urlAlphabet[random() * 64 | 0];
+  return id;
+}
+
+/* Injected with object hook! */
+
+function createRPCClient$1(name, hot, functions = {}) {
+  const event = `${name}:rpc`;
+  return createBirpc(
+    functions,
+    {
+      on: async (fn) => {
+        (await hot).on(event, fn);
+      },
+      post: async (data) => {
+        (await hot).send(event, data);
+      },
+      timeout: -1
+    }
+  );
+}
+
+/* Injected with object hook! */
+
+const PLUGIN_NAME = "vite-plugin-vue-devtools";
+
+/* Injected with object hook! */
+
+function createRPCClient(ctx, functions) {
+  return createRPCClient$1(PLUGIN_NAME, ctx, functions);
+}
+
+/* Injected with object hook! */
+
+async function getViteClient(base = "/", warning = true) {
+  try {
+    return await __vitePreload(() => import(
+      /* @vite-ignore */
+      `${base}@vite/client`
+    ),true?[]:void 0,import.meta.url);
+  } catch {
+    if (warning)
+      console.error(`[vite-plugin-hot] Failed to import "${base}@vite/client"`);
+  }
+  return void 0;
+}
+async function createHotContext(path = "/____", base = "/") {
+  const viteClient = await getViteClient(base);
+  return viteClient?.createHotContext(path);
+}
+
+/* Injected with object hook! */
+
+const viteHotCtx = await createHotContext("/___", `${location.pathname.split("/__devtools__")[0] || ""}/`.replace(/\/\//g, "/"));
+const rpc = createRPCClient(viteHotCtx, {
+  onTerminalData({ data }) {
+    hookApi.hook.emit("__vue-devtools:terminal:data__", data);
+  },
+  onTerminalExit({ data }) {
+    hookApi.hook.emit("__vue-devtools:terminal:exit__", data);
+  }
+});
+
+/* Injected with object hook! */
+
 function normalizeHookBuffer(buffer) {
   return buffer.reduce((box, [type, ...args]) => {
     const categoryName = type.split(":")[0];
@@ -18031,7 +18383,7 @@ function createDevToolsClient() {
   window.__VUE_DEVTOOLS_VIEW__ = {
     loaded: false,
     setClient(_client) {
-      const client = useDevtoolsClient();
+      const client = useDevToolsClient();
       client.value = _client;
       client.value.markClientLoaded = () => {
         this.loaded = true;
@@ -18041,6 +18393,8 @@ function createDevToolsClient() {
     }
   };
 }
+const inspectClientUrl = await rpc.inspectClientUrl();
+const rootPath = await rpc.root();
 
 /* Injected with object hook! */
 
@@ -18065,4 +18419,4 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { cloneVNode as $, timelineLayer as A, activeTimelineEvents as B, activeTimelineEventIndex as C, toggleTimelineEventIndex as D, timelineEventDetails as E, Fragment as F, activeLayerId as G, toggleTimelineLayer as H, BaseTransition as I, BaseTransitionPropsValidators as J, Comment as K, EffectScope as L, KeepAlive as M, Suspense as N, Text as O, Transition as P, TransitionGroup as Q, ReactiveEffect as R, Static as S, Teleport as T, assertNumber as U, VueElement as V, callWithAsyncErrorHandling as W, callWithErrorHandling as X, camelize as Y, capitalize as Z, __unplugin_components_7 as _, popScopeId as a, ref as a$, compatUtils as a0, computed as a1, createApp as a2, createHydrationRenderer as a3, createPropsRestProxy as a4, createRenderer as a5, createSSRApp as a6, createSlots as a7, createStaticVNode as a8, createTextVNode as a9, isReactive as aA, isReadonly as aB, isRef as aC, isRuntimeOnly as aD, isShallow as aE, isVNode as aF, mergeDefaults as aG, mergeModels as aH, normalizeProps as aI, onActivated as aJ, onBeforeMount as aK, onBeforeUnmount as aL, onBeforeUpdate as aM, onDeactivated as aN, onErrorCaptured as aO, onMounted as aP, onRenderTracked as aQ, onRenderTriggered as aR, onScopeDispose as aS, onServerPrefetch as aT, onUnmounted as aU, onUpdated as aV, provide as aW, proxyRefs as aX, queuePostFlushCb as aY, reactive as aZ, readonly as a_, customRef as aa, defineAsyncComponent as ab, defineCustomElement as ac, defineEmits as ad, defineExpose as ae, defineModel as af, defineOptions as ag, defineProps as ah, defineSSRCustomElement as ai, defineSlots as aj, devtools as ak, effect as al, effectScope as am, getCurrentInstance as an, getCurrentScope as ao, getTransitionRawChildren as ap, guardReactiveProps as aq, h$2 as ar, handleError as as, hasInjectionContext as at, hydrate as au, initCustomFormatter as av, initDirectivesForSSR as aw, inject as ax, isMemoSame as ay, isProxy as az, resolveDirective as b, routeRecordMatcherState as b$, registerRuntimeCompiler as b0, render as b1, resolveFilter as b2, resolveTransitionHooks as b3, setBlockTracking as b4, setDevtoolsHook as b5, setTransitionHooks as b6, shallowReadonly as b7, shallowRef as b8, ssrContextKey as b9, watchPostEffect as bA, watchSyncEffect as bB, withAsyncContext as bC, withDefaults as bD, withKeys as bE, withMemo as bF, withModifiers as bG, getSortedTabs as bH, updateTabsPosition as bI, _export_sfc as bJ, useVModel as bK, _sfc_main$d as bL, _sfc_main$5 as bM, useToggle as bN, shouldHideTabGroup as bO, DEFAULT_TAB_GROUP as bP, useGroupedTabs as bQ, ungroupAllTabs as bR, resetAllTabs as bS, removeTabGroup as bT, checkGroupExist as bU, createGroup as bV, useDevToolsSettings as bW, useFrameState as bX, _sfc_main$7 as bY, _sfc_main$9 as bZ, router$1 as b_, ssrUtils as ba, stop as bb, toHandlerKey as bc, toRaw as bd, toRef$1 as be, toRefs$1 as bf, toValue$1 as bg, transformVNodeArgs as bh, triggerRef as bi, useAttrs as bj, useCssModule as bk, useCssVars as bl, useModel as bm, useSSRContext as bn, useSlots as bo, useTransitionState as bp, vModelCheckbox as bq, vModelDynamic as br, vModelRadio as bs, vModelSelect as bt, vModelText as bu, vShow as bv, version as bw, warn as bx, watch as by, watchEffect as bz, createBlock as c, activeRouteRecordMatcherState as c0, activeRouteRecordIndex as c1, toggleRouteRecordMatcher as c2, __unplugin_components_1 as c3, piniaStoresCategory as c4, piniaState as c5, piniaGetters as c6, currentRoute as c7, routes as c8, vueVersion as c9, __unplugin_components_0 as ca, useEventListener as cb, hookApi as cc, useScrollLock as cd, useInfiniteScroll as ce, useLocalStorage as cf, useStorage as cg, useDark as ch, useMagicKeys as ci, useDevtoolsClient as cj, useColorMode as ck, useElementBounding as cl, useThrottleFn as cm, onVueInstanceUpdate as cn, instance as co, useCopy as cp, nanoid as cq, useNotification as cr, useElementSize as cs, onClickOutside as ct, useStyleTag as cu, computedAsync as cv, useTimeAgo as cw, onKeyDown as cx, __vitePreload as cy, useRouter as cz, withDirectives as d, createElementBlock as e, renderSlot as f, createCommentVNode as g, withCtx as h, renderList as i, resolveDynamicComponent as j, mergeProps as k, normalizeStyle as l, markRaw as m, nextTick as n, openBlock as o, pushScopeId as p, normalizeClass as q, resolveComponent as r, shallowReactive as s, toHandlers as t, createVNode as u, defineComponent as v, withScopeId as w, createBaseVNode as x, toDisplayString as y, unref as z };
+export { cloneVNode as $, timelineLayer as A, activeTimelineEvents as B, activeTimelineEventIndex as C, toggleTimelineEventIndex as D, timelineEventDetails as E, Fragment as F, activeLayerId as G, toggleTimelineLayer as H, BaseTransition as I, BaseTransitionPropsValidators as J, Comment as K, EffectScope as L, KeepAlive as M, Suspense as N, Text as O, Transition as P, TransitionGroup as Q, ReactiveEffect as R, Static as S, Teleport as T, assertNumber as U, VueElement as V, callWithAsyncErrorHandling as W, callWithErrorHandling as X, camelize as Y, capitalize as Z, __unplugin_components_7 as _, popScopeId as a, ref as a$, compatUtils as a0, computed as a1, createApp as a2, createHydrationRenderer as a3, createPropsRestProxy as a4, createRenderer as a5, createSSRApp as a6, createSlots as a7, createStaticVNode as a8, createTextVNode as a9, isReactive as aA, isReadonly as aB, isRef as aC, isRuntimeOnly as aD, isShallow as aE, isVNode as aF, mergeDefaults as aG, mergeModels as aH, normalizeProps as aI, onActivated as aJ, onBeforeMount as aK, onBeforeUnmount as aL, onBeforeUpdate as aM, onDeactivated as aN, onErrorCaptured as aO, onMounted as aP, onRenderTracked as aQ, onRenderTriggered as aR, onScopeDispose as aS, onServerPrefetch as aT, onUnmounted as aU, onUpdated as aV, provide as aW, proxyRefs as aX, queuePostFlushCb as aY, reactive as aZ, readonly as a_, customRef as aa, defineAsyncComponent as ab, defineCustomElement as ac, defineEmits as ad, defineExpose as ae, defineModel as af, defineOptions as ag, defineProps as ah, defineSSRCustomElement as ai, defineSlots as aj, devtools as ak, effect as al, effectScope as am, getCurrentInstance as an, getCurrentScope as ao, getTransitionRawChildren as ap, guardReactiveProps as aq, h$2 as ar, handleError as as, hasInjectionContext as at, hydrate as au, initCustomFormatter as av, initDirectivesForSSR as aw, inject as ax, isMemoSame as ay, isProxy as az, resolveDirective as b, routeRecordMatcherState as b$, registerRuntimeCompiler as b0, render as b1, resolveFilter as b2, resolveTransitionHooks as b3, setBlockTracking as b4, setDevtoolsHook as b5, setTransitionHooks as b6, shallowReadonly as b7, shallowRef as b8, ssrContextKey as b9, watchPostEffect as bA, watchSyncEffect as bB, withAsyncContext as bC, withDefaults as bD, withKeys as bE, withMemo as bF, withModifiers as bG, getSortedTabs as bH, updateTabsPosition as bI, _export_sfc as bJ, useVModel as bK, _sfc_main$d as bL, _sfc_main$5 as bM, useToggle as bN, shouldHideTabGroup as bO, DEFAULT_TAB_GROUP as bP, useGroupedTabs as bQ, ungroupAllTabs as bR, resetAllTabs as bS, removeTabGroup as bT, checkGroupExist as bU, createGroup as bV, useDevToolsSettings as bW, useFrameState as bX, _sfc_main$7 as bY, _sfc_main$9 as bZ, router$1 as b_, ssrUtils as ba, stop as bb, toHandlerKey as bc, toRaw as bd, toRef$1 as be, toRefs$1 as bf, toValue$1 as bg, transformVNodeArgs as bh, triggerRef as bi, useAttrs as bj, useCssModule as bk, useCssVars as bl, useModel as bm, useSSRContext as bn, useSlots as bo, useTransitionState as bp, vModelCheckbox as bq, vModelDynamic as br, vModelRadio as bs, vModelSelect as bt, vModelText as bu, vShow as bv, version as bw, warn as bx, watch as by, watchEffect as bz, createBlock as c, activeRouteRecordMatcherState as c0, activeRouteRecordIndex as c1, toggleRouteRecordMatcher as c2, __unplugin_components_1 as c3, piniaStoresCategory as c4, piniaState as c5, piniaGetters as c6, currentRoute as c7, routes as c8, rpc as c9, onKeyDown as cA, useRouter as cB, vueVersion as ca, __unplugin_components_0 as cb, useEventListener$1 as cc, hookApi as cd, useScrollLock$1 as ce, useInfiniteScroll as cf, inspectClientUrl as cg, useLocalStorage as ch, useStorage as ci, useDark as cj, useMagicKeys as ck, useDevToolsClient as cl, rootPath as cm, useColorMode as cn, useElementBounding as co, useThrottleFn as cp, onVueInstanceUpdate as cq, instance as cr, useCopy as cs, nanoid$1 as ct, useNotification as cu, useElementSize as cv, onClickOutside as cw, useStyleTag as cx, computedAsync as cy, useTimeAgo as cz, withDirectives as d, createElementBlock as e, renderSlot as f, createCommentVNode as g, withCtx as h, renderList as i, resolveDynamicComponent as j, mergeProps as k, normalizeStyle as l, markRaw as m, nextTick as n, openBlock as o, pushScopeId as p, normalizeClass as q, resolveComponent as r, shallowReactive as s, toHandlers as t, createVNode as u, defineComponent as v, withScopeId as w, createBaseVNode as x, toDisplayString as y, unref as z };