vite-plugin-vue-devtools 0.0.10 → 0.0.12

package/dist/client/assets/{index-359dd67c.js → index-d7f947d1.js}

@@ -9778,7 +9778,7 @@ const _sfc_main$1$1 = defineComponent(__spreadProps(__spreadValues({}, PrivatePo
   name: "VTooltip",
   vPopperTheme: "tooltip"
 }));
-const _sfc_main$b = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "VTooltipDirective",
   components: {
     Popper: PrivatePopper(),
@@ -9924,7 +9924,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["theme", "popper-node", "onApplyShow", "onApplyHide"]);
 }
-var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$4]]);
+var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$4]]);
 const TARGET_CLASS = "v-popper--has-tooltip";
 function getPlacement(options2, modifiers) {
   let result = options2.placement;
@@ -12610,7 +12610,7 @@ const scriptRel = 'modulepreload';const assetsURL = function(dep, importerUrl) {
 };
 /* Injected with object hook! */
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "VButton",
   props: {
     to: null,
@@ -12646,7 +12646,7 @@ const _export_sfc = (sfc, props) => {
 
 /* Injected with object hook! */
 
-/* unplugin-vue-components disabled */const _sfc_main$9 = {};
+/* unplugin-vue-components disabled */const _sfc_main$a = {};
 
 const _hoisted_1$7 = { class: "mx-0.5 select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
 
@@ -12655,10 +12655,10 @@ function _sfc_render$2(_ctx, _cache) {
     renderSlot(_ctx.$slots, "default")
   ]))
 }
-const __unplugin_components_1 = /*#__PURE__*/_export_sfc(_sfc_main$9, [['render',_sfc_render$2]]);
+const __unplugin_components_1 = /*#__PURE__*/_export_sfc(_sfc_main$a, [['render',_sfc_render$2]]);
 /* Injected with object hook! */
 
-/* unplugin-vue-components disabled */const _sfc_main$8 = {};
+/* unplugin-vue-components disabled */const _sfc_main$9 = {};
 
 const _hoisted_1$6 = {
   viewBox: "0 0 566 154",
@@ -12673,7 +12673,7 @@ const _hoisted_4$3 = [
 function _sfc_render$1(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_4$3))
 }
-const __unplugin_components_0$1 = /*#__PURE__*/_export_sfc(_sfc_main$8, [['render',_sfc_render$1]]);
+const __unplugin_components_0$1 = /*#__PURE__*/_export_sfc(_sfc_main$9, [['render',_sfc_render$1]]);
 /* Injected with object hook! */
 
 function tryOnScopeDispose(fn) {
@@ -12873,27 +12873,42 @@ function useIntervalFn(cb, interval = 1e3, options = {}) {
   };
 }
 
-function useToggle(initialValue = false, options = {}) {
+function useTimeoutFn(cb, interval, options = {}) {
   const {
-    truthyValue = true,
-    falsyValue = false
+    immediate = true
   } = options;
-  const valueIsRef = isRef(initialValue);
-  const _value = ref(initialValue);
-  function toggle(value) {
-    if (arguments.length) {
-      _value.value = value;
-      return _value.value;
-    } else {
-      const truthy = toValue(truthyValue);
-      _value.value = _value.value === truthy ? toValue(falsyValue) : truthy;
-      return _value.value;
+  const isPending = ref(false);
+  let timer = null;
+  function clear() {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
     }
   }
-  if (valueIsRef)
-    return toggle;
-  else
-    return [_value, toggle];
+  function stop() {
+    isPending.value = false;
+    clear();
+  }
+  function start(...args) {
+    clear();
+    isPending.value = true;
+    timer = setTimeout(() => {
+      isPending.value = false;
+      timer = null;
+      cb(...args);
+    }, toValue(interval));
+  }
+  if (immediate) {
+    isPending.value = true;
+    if (isClient)
+      start();
+  }
+  tryOnScopeDispose(stop);
+  return {
+    isPending: readonly(isPending),
+    start,
+    stop
+  };
 }
 
 var __getOwnPropSymbols$8$1 = Object.getOwnPropertySymbols;
@@ -13043,6 +13058,7 @@ function unrefElement(elRef) {
 
 const defaultWindow = isClient ? window : void 0;
 const defaultDocument = isClient ? window.document : void 0;
+const defaultNavigator = isClient ? window.navigator : void 0;
 
 function useEventListener(...args) {
   let target;
@@ -13297,6 +13313,66 @@ function useMediaQuery(query, options = {}) {
   tryOnScopeDispose(() => cleanup());
   return matches;
 }
+
+function useClipboard(options = {}) {
+  const {
+    navigator = defaultNavigator,
+    read = false,
+    source,
+    copiedDuring = 1500,
+    legacy = false
+  } = options;
+  const events = ["copy", "cut"];
+  const isClipboardApiSupported = useSupported(() => navigator && "clipboard" in navigator);
+  const isSupported = computed(() => isClipboardApiSupported.value || legacy);
+  const text = ref("");
+  const copied = ref(false);
+  const timeout = useTimeoutFn(() => copied.value = false, copiedDuring);
+  function updateText() {
+    if (isClipboardApiSupported.value) {
+      navigator.clipboard.readText().then((value) => {
+        text.value = value;
+      });
+    } else {
+      text.value = legacyRead();
+    }
+  }
+  if (isSupported.value && read) {
+    for (const event of events)
+      useEventListener(event, updateText);
+  }
+  async function copy(value = toValue(source)) {
+    if (isSupported.value && value != null) {
+      if (isClipboardApiSupported.value)
+        await navigator.clipboard.writeText(value);
+      else
+        legacyCopy(value);
+      text.value = value;
+      copied.value = true;
+      timeout.start();
+    }
+  }
+  function legacyCopy(value) {
+    const ta = document.createElement("textarea");
+    ta.value = value != null ? value : "";
+    ta.style.position = "absolute";
+    ta.style.opacity = "0";
+    document.body.appendChild(ta);
+    ta.select();
+    document.execCommand("copy");
+    ta.remove();
+  }
+  function legacyRead() {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = document == null ? void 0 : document.getSelection) == null ? void 0 : _a.call(document)) == null ? void 0 : _b.toString()) != null ? _c : "";
+  }
+  return {
+    isSupported,
+    text,
+    copied,
+    copy
+  };
+}
 function cloneFnJSON(source) {
   return JSON.parse(JSON.stringify(source));
 }
@@ -14112,7 +14188,7 @@ const _hoisted_5$2 = /* @__PURE__ */ createBaseVNode("p", { "text-lg": "" }, [
   /* @__PURE__ */ createTextVNode(" if you find any bugs or have any suggestions. Thank you and have fun! ")
 ], -1);
 const _hoisted_6$1 = /* @__PURE__ */ createBaseVNode("span", null, "Get Started", -1);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const { isFirstVisit } = useFrameState();
@@ -14124,7 +14200,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_Logo = __unplugin_components_0$1;
       const _component_VBadge = __unplugin_components_1;
-      const _component_VButton = _sfc_main$a;
+      const _component_VButton = _sfc_main$b;
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createBaseVNode("div", _hoisted_2$5, [
           createVNode(_component_Logo, { "h-16": "" }),
@@ -14157,24 +14233,25 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-7c8f87a4.js'),true?["./timeline-7c8f87a4.js","./splitpanes.es-f1d0c1c1.js","./VIcon.vue_vue_type_script_setup_true_lang-4c2278af.js","./index-9285098c.js","./VPanelGrids-3484ea9d.js","./VCard-c441f774.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-391a112a.js'),true?["./settings-391a112a.js","./VIcon.vue_vue_type_script_setup_true_lang-4c2278af.js","./VIconTitle.vue_vue_type_script_setup_true_lang-3789570c.js"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-2c268c33.js'),true?["./routes-2c268c33.js","./VPanelGrids-3484ea9d.js","./VCard-c441f774.js","./splitpanes.es-f1d0c1c1.js","./VIcon.vue_vue_type_script_setup_true_lang-4c2278af.js","./index-9285098c.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-9a9e9407.js'),true?["./pinia-9a9e9407.js","./splitpanes.es-f1d0c1c1.js","./VIcon.vue_vue_type_script_setup_true_lang-4c2278af.js","./index-9285098c.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-f46ac6f6.js'),true?["./pages-f46ac6f6.js","./VTextInput.vue_vue_type_script_setup_true_lang-9d53f290.js","./VIconTitle.vue_vue_type_script_setup_true_lang-3789570c.js","./VIcon.vue_vue_type_script_setup_true_lang-4c2278af.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-17f2d4a9.js'),true?["./overview-17f2d4a9.js","./VPanelGrids-3484ea9d.js","./rpc-5a46e853.js","./index-9285098c.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./inspect-115c7185.js'),true?["./inspect-115c7185.js","./rpc-5a46e853.js"]:void 0,import.meta.url);
-const __pages_import_8__ = () => __vitePreload(() => import('./graph-736aa653.js'),true?["./graph-736aa653.js","./fuse.esm-c317b696.js","./rpc-5a46e853.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./components-dfc74ac0.js'),true?["./components-dfc74ac0.js","./VPanelGrids-3484ea9d.js","./VCard-c441f774.js","./splitpanes.es-f1d0c1c1.js","./VIcon.vue_vue_type_script_setup_true_lang-4c2278af.js","./index-9285098c.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./assets-facbb582.js'),true?["./assets-facbb582.js","./VPanelGrids-3484ea9d.js","./VCard-c441f774.js","./VIcon.vue_vue_type_script_setup_true_lang-4c2278af.js","./rpc-5a46e853.js","./VTextInput.vue_vue_type_script_setup_true_lang-9d53f290.js","./VIconTitle.vue_vue_type_script_setup_true_lang-3789570c.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-bbaec4fe.js'),true?["./__inspecting-bbaec4fe.js","./VPanelGrids-3484ea9d.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":"inspect","path":"/inspect","component":__pages_import_6__,"props":true},{"name":"index","path":"/","component":_sfc_main$7,"props":true},{"name":"graph","path":"/graph","component":__pages_import_8__,"props":true},{"name":"components","path":"/components","component":__pages_import_9__,"props":true},{"name":"assets","path":"/assets","component":__pages_import_10__,"props":true},{"name":"__inspecting","path":"/__inspecting","component":__pages_import_11__,"props":true}];
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-9da4ec07.js'),true?["./timeline-9da4ec07.js","./splitpanes.es-09f32a7b.js","./VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js","./index-7930cd83.js","./VIconButton.vue_vue_type_script_setup_true_lang-dab4dc71.js","./VPanelGrids-733278d6.js","./VCard-7914da83.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-a4c43db5.js'),true?["./settings-a4c43db5.js","./VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1bbb2033.js"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-f32e8bb5.js'),true?["./routes-f32e8bb5.js","./VPanelGrids-733278d6.js","./VCard-7914da83.js","./splitpanes.es-09f32a7b.js","./VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js","./index-7930cd83.js","./VIconButton.vue_vue_type_script_setup_true_lang-dab4dc71.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-69e3497c.js'),true?["./pinia-69e3497c.js","./splitpanes.es-09f32a7b.js","./VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js","./index-7930cd83.js","./VIconButton.vue_vue_type_script_setup_true_lang-dab4dc71.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-52fb2c5c.js'),true?["./pages-52fb2c5c.js","./VTextInput.vue_vue_type_script_setup_true_lang-dede00e7.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1bbb2033.js","./VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-f2a16196.js'),true?["./overview-f2a16196.js","./VPanelGrids-733278d6.js","./rpc-5116c57e.js","./index-7930cd83.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./inspect-95be8b35.js'),true?["./inspect-95be8b35.js","./rpc-5116c57e.js"]:void 0,import.meta.url);
+const __pages_import_8__ = () => __vitePreload(() => import('./graph-45c33d8f.js'),true?["./graph-45c33d8f.js","./fuse.esm-c317b696.js","./rpc-5116c57e.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./documentations-ab483662.js'),true?["./documentations-ab483662.js","./VCard-7914da83.js","./rpc-5116c57e.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./components-8abb94d8.js'),true?["./components-8abb94d8.js","./VPanelGrids-733278d6.js","./VCard-7914da83.js","./splitpanes.es-09f32a7b.js","./VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js","./index-7930cd83.js","./VIconButton.vue_vue_type_script_setup_true_lang-dab4dc71.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./assets-40310f26.js'),true?["./assets-40310f26.js","./VPanelGrids-733278d6.js","./VCard-7914da83.js","./VIconButton.vue_vue_type_script_setup_true_lang-dab4dc71.js","./VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js","./rpc-5116c57e.js","./VTextInput.vue_vue_type_script_setup_true_lang-dede00e7.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1bbb2033.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_12__ = () => __vitePreload(() => import('./__inspecting-ac57cfe2.js'),true?["./__inspecting-ac57cfe2.js","./VPanelGrids-733278d6.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":"inspect","path":"/inspect","component":__pages_import_6__,"props":true},{"name":"index","path":"/","component":_sfc_main$8,"props":true},{"name":"graph","path":"/graph","component":__pages_import_8__,"props":true},{"name":"documentations","path":"/documentations","component":__pages_import_9__,"props":true},{"name":"components","path":"/components","component":__pages_import_10__,"props":true},{"name":"assets","path":"/assets","component":__pages_import_11__,"props":true},{"name":"__inspecting","path":"/__inspecting","component":__pages_import_12__,"props":true}];
 /* Injected with object hook! */
 
 const _hoisted_1$4 = ["src", "alt"];
 const _hoisted_2$4 = ["title"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "TabIcon",
   props: {
     icon: null,
@@ -14208,10 +14285,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 /* Injected with object hook! */
 
 const client$1 = ref({
-  hook: window.parent.__VUE_DEVTOOLS_GLOBAL_HOOKS__(),
+  hook: window.parent?.__VUE_DEVTOOLS_GLOBAL_HOOK__,
   markClientLoaded: () => {
   },
-  hookBuffer: []
+  hookBuffer: [],
+  categorizedHookBuffer: {}
 });
 function useDevtoolsClient() {
   return client$1;
@@ -14219,7 +14297,7 @@ function useDevtoolsClient() {
 
 /* Injected with object hook! */
 
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "SideNavItem",
   props: {
     tab: null
@@ -14228,7 +14306,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const client = useDevtoolsClient();
     const router = useRouter();
     return (_ctx, _cache) => {
-      const _component_TabIcon = _sfc_main$6;
+      const _component_TabIcon = _sfc_main$7;
       const _component_VTooltip = resolveComponent("VTooltip");
       return openBlock(), createBlock(_component_VTooltip, { placement: "right" }, {
         popper: withCtx(() => [
@@ -14269,7 +14347,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "VDarkToggle",
   setup(__props) {
     const mode = useColorMode();
@@ -14281,7 +14359,39 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         mode.value = isDark.value ? "light" : "dark";
       }
     });
-    const toggle = useToggle(isDark);
+    const isAppearanceTransition = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    function toggle(event) {
+      if (!isAppearanceTransition || !event) {
+        isDark.value = !isDark.value;
+        return;
+      }
+      const x = event.clientX;
+      const y = event.clientY;
+      const endRadius = Math.hypot(
+        Math.max(x, innerWidth - x),
+        Math.max(y, innerHeight - y)
+      );
+      const transition = document.startViewTransition(async () => {
+        isDark.value = !isDark.value;
+        await nextTick();
+      });
+      transition.ready.then(() => {
+        const clipPath = [
+          `circle(0px at ${x}px ${y}px)`,
+          `circle(${endRadius}px at ${x}px ${y}px)`
+        ];
+        document.documentElement.animate(
+          {
+            clipPath: isDark.value ? [...clipPath].reverse() : clipPath
+          },
+          {
+            duration: 400,
+            easing: "ease-in",
+            pseudoElement: isDark.value ? "::view-transition-old(root)" : "::view-transition-new(root)"
+          }
+        );
+      });
+    }
     const context = {
       mode,
       isDark,
@@ -14306,7 +14416,7 @@ const _hoisted_1$3 = {
   "text-lg": ""
 };
 const _hoisted_2$3 = ["onClick"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "VPanelPosition",
   setup(__props) {
     const { position: _position } = useFrameState();
@@ -14350,7 +14460,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const _sfc_main$2 = {};
+const _sfc_main$3 = {};
 
 const _hoisted_1$2 = {
   px3: "",
@@ -14361,7 +14471,7 @@ const _hoisted_1$2 = {
 const _hoisted_2$2 = /*#__PURE__*/createBaseVNode("div", {
   "text-sm": "",
   op50: ""
-}, "Dock devtools to", -1);
+}, " Dock devtools to ", -1);
 const _hoisted_3$1 = {
   px3: "",
   py2: "",
@@ -14379,9 +14489,9 @@ const _hoisted_5$1 = /*#__PURE__*/createBaseVNode("div", {
 }, null, -1);
 
 function _sfc_render(_ctx, _cache) {
-  const _component_VPanelPosition = _sfc_main$3;
-  const _component_VButton = _sfc_main$a;
-  const _component_VDarkToggle = _sfc_main$4;
+  const _component_VPanelPosition = _sfc_main$4;
+  const _component_VButton = _sfc_main$b;
+  const _component_VDarkToggle = _sfc_main$5;
   const _component_RouterLink = resolveComponent("RouterLink");
 
   return (openBlock(), createElementBlock("div", null, [
@@ -14394,7 +14504,7 @@ function _sfc_render(_ctx, _cache) {
         default: withCtx(({ toggle, isDark }) => [
           createVNode(_component_VButton, {
             n: "sm primary",
-            onClick: $event => (toggle())
+            onClick: toggle
           }, {
             default: withCtx(() => [
               _hoisted_4$1,
@@ -14419,7 +14529,7 @@ function _sfc_render(_ctx, _cache) {
     ])
   ]))
 }
-const __unplugin_components_0 = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render]]);
+const __unplugin_components_0 = /*#__PURE__*/_export_sfc(_sfc_main$3, [['render',_sfc_render]]);
 /* Injected with object hook! */
 
 const devToolsSettings = useLocalStorage("__vue-devtools-settings__", {
@@ -14472,6 +14582,15 @@ const builtinTabs = [
     title: "Timeline",
     icon: "i-icon-park-outline:vertical-timeline"
   },
+  {
+    title: "Inspector",
+    icon: "i-carbon-select-window",
+    category: "advanced",
+    event: (client, router) => {
+      router.replace("/__inspecting");
+      client?.inspector?.enable();
+    }
+  },
   {
     path: "graph",
     title: "Graph",
@@ -14485,13 +14604,10 @@ const builtinTabs = [
     category: "advanced"
   },
   {
-    title: "Inspector",
-    icon: "i-carbon-select-window",
-    category: "advanced",
-    event: (client, router) => {
-      router.replace("/__inspecting");
-      client?.inspector?.enable();
-    }
+    path: "documentations",
+    title: "Documentations",
+    icon: "i-carbon-document",
+    category: "advanced"
   }
 ];
 function useTabs() {
@@ -14580,15 +14696,15 @@ const _hoisted_9 = /* @__PURE__ */ createBaseVNode("div", {
   "w-8": "",
   border: "b base"
 }, null, -1);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "SideNav",
   setup(__props) {
     const categories = useCategorizedTabs();
     return (_ctx, _cache) => {
       const _component_DockingPanel = __unplugin_components_0;
       const _component_VDropdown = resolveComponent("VDropdown");
-      const _component_SideNavItem = _sfc_main$5;
-      const _component_TabIcon = _sfc_main$6;
+      const _component_SideNavItem = _sfc_main$6;
+      const _component_TabIcon = _sfc_main$7;
       const _component_RouterLink = resolveComponent("RouterLink");
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createBaseVNode("div", _hoisted_2$1, [
@@ -14658,6 +14774,79 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
+function useSingleton() {
+  const key = Symbol("singleton");
+  return [
+    function provide(v) {
+      const vm = getCurrentInstance();
+      vm?.appContext.app.provide(key, v);
+    },
+    function use(fallback) {
+      return inject(key, fallback);
+    }
+  ];
+}
+const [
+  provideNotification,
+  useNotification
+] = useSingleton();
+
+/* Injected with object hook! */
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Notification",
+  setup(__props) {
+    const show = ref(false);
+    const icon = ref();
+    const text = ref();
+    provideNotification((_text, _icon, duration = 1500) => {
+      text.value = _text;
+      icon.value = _icon;
+      show.value = true;
+      setTimeout(() => {
+        show.value = false;
+      }, duration);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        fixed: "",
+        "left-0": "",
+        "right-0": "",
+        "top-0": "",
+        "z-50": "",
+        "text-center": "",
+        "text-base": "",
+        class: normalizeClass(unref(show) ? "" : "pointer-events-none overflow-hidden")
+      }, [
+        createBaseVNode("div", {
+          border: "~ base",
+          flex: "~ inline gap2",
+          "m-3": "",
+          "inline-block": "",
+          "items-center": "",
+          rounded: "",
+          "px-4": "",
+          "py-1": "",
+          "text-primary": "",
+          "transition-all": "",
+          "duration-300": "",
+          "bg-base": "",
+          style: normalizeStyle(unref(show) ? {} : { transform: "translateY(-300%)" }),
+          class: normalizeClass(unref(show) ? "shadow" : "shadow-none")
+        }, [
+          unref(icon) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(`i-${unref(icon)}`)
+          }, null, 2)) : createCommentVNode("", true),
+          createBaseVNode("div", null, toDisplayString(unref(text)), 1)
+        ], 6)
+      ], 2);
+    };
+  }
+});
+
+/* Injected with object hook! */
+
 /*!
   * pinia v2.0.35
   * (c) 2023 Eduardo San Martin Morote
@@ -15281,11 +15470,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hookApi.hook.on("init:vue:app", () => {
       const client = useDevtoolsClient();
       const frameState = useFrameState();
-      const hookBuffer = client.value.hookBuffer;
+      const categorizedHookBuffer = client.value.categorizedHookBuffer;
       client.value.markClientLoaded();
       hookApi.produce();
-      hookApi.consume(hookBuffer.filter(([type]) => type.startsWith("component:")));
-      initRoutes(hookBuffer.filter(([type]) => type.startsWith("router:")));
+      hookApi.consume(categorizedHookBuffer.component ?? []);
+      initRoutes(categorizedHookBuffer.router ?? []);
       initPinia();
       hookApi.hook.on("host:inspector:close", () => {
         if (route.path === "/__inspecting")
@@ -15318,9 +15507,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     router.replace(_route.value);
     return (_ctx, _cache) => {
-      const _component_SideNav = _sfc_main$1;
+      const _component_Notification = _sfc_main$1;
+      const _component_SideNav = _sfc_main$2;
       const _component_RouterView = resolveComponent("RouterView");
       return openBlock(), createElementBlock("main", _hoisted_1, [
+        createVNode(_component_Notification),
         createBaseVNode("div", _hoisted_2, [
           unref(route).path !== "/__inspecting" ? (openBlock(), createBlock(_component_SideNav, {
             key: 0,
@@ -15336,7 +15527,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-function initDevtoolsClient() {
+function normalizeHookBuffer(buffer) {
+  return buffer.reduce((box, [type, ...args]) => {
+    const categoryName = type.split(":")[0];
+    (box[categoryName] ??= []).push([type, ...args]);
+    return box;
+  }, {});
+}
+function createDevToolsClient() {
   window.__VUE_DEVTOOLS_VIEW__ = {
     loaded: false,
     setClient(_client) {
@@ -15345,7 +15543,8 @@ function initDevtoolsClient() {
       client.value.markClientLoaded = () => {
         this.loaded = true;
       };
-      initApp(client.value.hookBuffer.find(([type]) => type === "app:init"));
+      client.value.categorizedHookBuffer = normalizeHookBuffer(client.value.hookBuffer);
+      initApp(client.value.categorizedHookBuffer.app?.[0] ?? []);
     }
   };
 }
@@ -15361,8 +15560,7 @@ const main = '';
 const __uno = '';
 /* Injected with object hook! */
 
-window.console.log = window.parent.print;
-initDevtoolsClient();
+createDevToolsClient();
 const app = createApp(_sfc_main);
 const router = createRouter({
   history: createMemoryHistory(),
@@ -15374,4 +15572,4 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { computed 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, useVModel as I, vModelSelect as J, isRef as K, vModelCheckbox as L, withKeys as M, useCategorizedTabs as N, createTextVNode as O, useDevToolsSettings as P, _sfc_main$a as Q, _sfc_main$4 as R, _sfc_main$6 as S, router$1 as T, routeRecordMatcherState as U, activeRouteRecordMatcherState as V, activeRouteRecordIndex as W, toggleRouteRecordMatcher as X, __unplugin_components_1 as Y, ref as Z, _sfc_main$3 as _, popScopeId as a, piniaStoresCategory as a0, toRaw as a1, piniaState as a2, piniaGetters as a3, withModifiers as a4, onMounted as a5, currentRoute as a6, routes as a7, vueVersion as a8, __unplugin_components_0$1 as a9, useDevtoolsClient as aA, useColorMode as aa, reactive as ab, useElementBounding as ac, watchEffect as ad, onUnmounted as ae, useStorage as af, vModelText as ag, useDark as ah, watch as ai, shallowRef as aj, onVueInstanceUpdate as ak, instance as al, nanoid as am, vShow as an, h as ao, useElementSize as ap, onClickOutside as aq, Transition as ar, useStyleTag as as, computedAsync as at, useTimeAgo as au, onKeyDown as av, _export_sfc as aw, vModelDynamic as ax, __vitePreload as ay, useEventListener as az, resolveDirective as b, createBlock as c, 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 { computed 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, useVModel as I, vModelSelect as J, isRef as K, vModelCheckbox as L, withKeys as M, useCategorizedTabs as N, createTextVNode as O, useDevToolsSettings as P, _sfc_main$b as Q, _sfc_main$5 as R, _sfc_main$7 as S, router$1 as T, routeRecordMatcherState as U, activeRouteRecordMatcherState as V, activeRouteRecordIndex as W, toggleRouteRecordMatcher as X, __unplugin_components_1 as Y, ref as Z, _sfc_main$4 as _, popScopeId as a, piniaStoresCategory as a0, toRaw as a1, piniaState as a2, piniaGetters as a3, withModifiers as a4, onMounted as a5, currentRoute as a6, routes as a7, vueVersion as a8, __unplugin_components_0$1 as a9, useNotification as aA, useEventListener as aB, useDevtoolsClient as aC, useColorMode as aa, reactive as ab, useElementBounding as ac, watchEffect as ad, onUnmounted as ae, useStorage as af, vModelText as ag, useDark as ah, watch as ai, shallowRef as aj, onVueInstanceUpdate as ak, instance as al, nanoid as am, vShow as an, h as ao, useElementSize as ap, onClickOutside as aq, Transition as ar, useStyleTag as as, computedAsync as at, useTimeAgo as au, onKeyDown as av, _export_sfc as aw, vModelDynamic as ax, __vitePreload as ay, useClipboard as az, resolveDirective as b, createBlock as c, 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 };