@vue/devtools-applet 7.3.8 → 7.4.0

package/dist/index.js

@@ -1,104 +1,104 @@
-import { openBlock as p, createElementBlock as g, createStaticVNode as Ft, toValue as ct, ref as I, computed as D, defineComponent as G, h as Gt, provide as $e, inject as Ce, createElementVNode as a, createVNode as y, unref as r, createTextVNode as te, Fragment as oe, renderList as fe, normalizeClass as ie, toDisplayString as ae, renderSlot as qe, createCommentVNode as z, isRef as ze, watch as X, onMounted as bt, nextTick as wt, readonly as Kt, getCurrentScope as Wt, onScopeDispose as Jt, getCurrentInstance as Ye, reactive as ut, withDirectives as q, createBlock as F, mergeProps as we, withModifiers as pe, withCtx as H, toRaw as qt, watchEffect as $t, normalizeStyle as ke, pushScopeId as Xe, popScopeId as Qe, mergeModels as kt, useModel as It, onUnmounted as xe, vShow as Yt } from "vue";
-import { Splitpanes as Ee, Pane as ue } from "splitpanes";
-import { rpc as R, DevToolsMessagingEvents as W, onRpcConnected as Ue } from "@vue/devtools-core";
-import { getRaw as Tt, toSubmit as Oe, formatInspectorStateValue as Xt, getInspectorStateValueType as dt, toEdit as Qt, isPlainObject as en, UNDEFINED as tn, NAN as nn, INFINITY as on, NEGATIVE_INFINITY as sn, parse as Y } from "@vue/devtools-kit";
-import { VueButton as ce, VueIcon as ne, vTooltip as Q, VueDropdown as ln, VueDropdownButton as pt, VueInput as We, VueCodeBlock as an, VueDialog as rn, VueIcIcon as ft } from "@vue/devtools-ui";
-import { isArray as vt, isObject as ht, sortByKey as St, isInSeparateWindow as cn, isInChromePanel as mt } from "@vue/devtools-shared";
-import { debounce as un } from "perfect-debounce";
-import { RecycleScroller as dn } from "vue-virtual-scroller";
-import { flatten as pn, groupBy as fn } from "lodash-es";
+import { openBlock as p, createElementBlock as h, createStaticVNode as en, toValue as mt, ref as I, computed as D, defineComponent as B, h as tn, provide as ke, inject as Ce, createElementVNode as i, createVNode as x, unref as r, createTextVNode as ne, Fragment as te, renderList as ae, normalizeClass as ie, toDisplayString as oe, renderSlot as et, createCommentVNode as U, isRef as Ge, watch as X, onMounted as Vt, nextTick as Be, readonly as nn, getCurrentScope as on, onScopeDispose as sn, getCurrentInstance as tt, reactive as _t, shallowRef as gt, toRaw as Nt, withDirectives as J, createBlock as z, mergeProps as we, withModifiers as fe, withCtx as M, watchEffect as nt, normalizeStyle as Ie, pushScopeId as ot, popScopeId as st, mergeModels as Ze, useModel as lt, onUnmounted as xe, resolveComponent as ln, vShow as an } from "vue";
+import { rpc as R, DevToolsMessagingEvents as W, onRpcConnected as Re, useDevToolsState as rn } from "@vue/devtools-core";
+import { Splitpanes as Ae, Pane as ue } from "splitpanes";
+import { getRaw as Rt, toSubmit as ze, formatInspectorStateValue as un, getInspectorStateValueType as Ct, toEdit as cn, isPlainObject as dn, UNDEFINED as pn, NAN as fn, INFINITY as vn, NEGATIVE_INFINITY as hn, parse as Y } from "@vue/devtools-kit";
+import { VueButton as de, VueIcon as se, vTooltip as Q, VueDropdown as mn, VueDropdownButton as xt, VueInput as Xe, VueSwitch as _n, VueSelect as gn, VueCodeBlock as Cn, VueDialog as xn, VueIcIcon as yt } from "@vue/devtools-ui";
+import { isArray as bt, isObject as $t, sortByKey as At, isInSeparateWindow as yn, isInChromePanel as wt } from "@vue/devtools-shared";
+import { debounce as bn } from "perfect-debounce";
+import { RecycleScroller as $n } from "vue-virtual-scroller";
+import { flatten as wn, groupBy as kn } from "lodash-es";
 const ye = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [o, s] of e)
-    n[o] = s;
+  for (const [o, l] of e)
+    n[o] = l;
   return n;
-}, vn = {}, hn = {
+}, In = {}, Sn = {
   viewBox: "0 0 566 154",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, mn = /* @__PURE__ */ Ft('<svg height="130" viewBox="0 0 319 477" width="180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#52ce63"></stop><stop offset="1" stop-color="#51a256"></stop></linearGradient><linearGradient id="b" x1="55.342075%" x2="42.816933%" xlink:href="#a" y1="0%" y2="42.862855%"></linearGradient><linearGradient id="c" x1="55.348642%" x2="42.808103%" xlink:href="#a" y1="0%" y2="42.862855%"></linearGradient><linearGradient id="d" x1="50%" x2="50%" y1="0%" y2="58.811243%"><stop offset="0" stop-color="#8ae99c"></stop><stop offset="1" stop-color="#52ce63"></stop></linearGradient><linearGradient id="e" x1="51.37763%" x2="44.584719%" y1="17.472551%" y2="100%"><stop offset="0" stop-color="#ffe56c"></stop><stop offset="1" stop-color="#ffc63a"></stop></linearGradient><g fill="none" fill-rule="evenodd" transform="translate(-34 -24)"><g transform="matrix(.99254615 .12186934 -.12186934 .99254615 33.922073 .976691)"><path d="m103.950535 258.274149c44.361599-4.360825 60.014503-40.391282 65.353094-94.699444s-30.93219-103.451001-46.020347-101.9678079c-15.088156 1.4831932-63.0385313 58.9051239-68.3771222 113.2132869-5.3385908 54.308162 4.6827754 87.814791 49.0443752 83.453965z" fill="url(#b)" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -80.496332 125.892944)"></path><path d="m275.876752 258.273992c44.3616 4.360826 53.167133-29.265322 47.828542-83.573485-5.338591-54.308162-52.073133-111.6105744-67.16129-113.0937675-15.088156-1.4831931-52.57477 47.5401275-47.236179 101.8482895s22.207328 90.458137 66.568927 94.818963z" fill="url(#c)" transform="matrix(.70710678 .70710678 -.70710678 .70710678 191.403399 -141.861963)"></path><path d="m188.370027 216.876305c39.941834 0 50.95265-38.251987 50.95265-97.89874 0-59.6467532-37.367733-118.10125956-50.95265-118.10125956s-52.04735 58.45450636-52.04735 118.10125956c0 59.646753 12.105516 97.89874 52.04735 97.89874z" fill="url(#d)"></path></g><path d="m184.473473 501c83.118854 0 150.526527-24.145148 150.526527-133.645148s-67.407673-199.354852-150.526527-199.354852c-83.118855 0-150.473473 89.854852-150.473473 199.354852s67.354618 133.645148 150.473473 133.645148z" fill="url(#e)"></path><ellipse cx="260.5" cy="335" fill="#eaadcc" rx="21.5" ry="10"></ellipse><ellipse cx="102.5" cy="329" fill="#eaadcc" rx="21.5" ry="10" transform="matrix(.99254615 .12186934 -.12186934 .99254615 40.859033 -10.039292)"></ellipse><g transform="matrix(-.99939083 .0348995 .0348995 .99939083 269.284825 271.027667)"><path d="m73.1046985 58.2728794c6.7372416 4.9130333 14.3132632 6.6640587 22.7280649 5.2530761 8.4148016-1.4109825 14.5054466-5.2535769 18.2719346-11.527783" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" transform="matrix(.9998477 .01745241 -.01745241 .9998477 1.026464 -1.624794)"></path><path d="m154.501124 3c-5.937545 0-11.312782 2.40629805-15.203644 6.29680621-3.89094 3.89058529-6.29748 9.26545449-6.29748 15.20263179 0 5.9376888 2.406488 11.3127422 6.297291 15.2034272 3.890886 3.8907673 9.266197 6.2971348 15.203833 6.2971348 5.937109 0 11.311896-2.4063889 15.202387-6.2972348 3.890299-3.8906535 6.296489-9.2656636 6.296489-15.2033272 0-5.9371521-2.406242-11.3119781-6.296677-15.20253181-3.890469-3.89058674-9.265181-6.29690619-15.202199-6.29690619z" fill="#000"></path><path d="m154 21c0-3.865549 3.135362-7 6.999413-7 3.866399 0 7.000587 3.134451 7.000587 7s-3.134188 7-7.000587 7c-3.864051-.0011735-6.999413-3.134451-6.999413-7z" fill="#fff"></path><path d="m24.5 13c-5.9375292 0-11.312426 2.406268-15.20299427 6.2967181-3.89069464 3.8905765-6.29700573 9.2654765-6.29700573 15.2027199 0 5.9377549 2.40625962 11.3128391 6.29681766 15.2035153 3.89059104 3.8907092 9.26556184 6.2970467 15.20318234 6.2970467 5.9371249 0 11.3122514-2.406419 15.2030371-6.2973229 3.8905441-3.8906623 6.2969629-9.2656416 6.2969629-15.2032391 0-5.937086-2.4064703-11.3118811-6.297151-15.2024437-3.890763-3.8906448-9.2658154-6.2969943-15.202849-6.2969943z" fill="#000"></path><g fill="#fff"><path d="m136 24.499438c0 10.2185232 8.282911 18.500562 18.501124 18.500562 10.217089 0 18.498876-8.2820388 18.498876-18.500562 0-10.2173992-8.281787-18.499438-18.498876-18.499438-10.218213 0-18.501124 8.2820388-18.501124 18.499438zm-6 0c0-13.5311954 10.96929-24.499438 24.501124-24.499438 13.530838 0 24.498876 10.9683711 24.498876 24.499438 0 13.5319607-10.967808 24.500562-24.498876 24.500562-13.532064 0-24.501124-10.9684728-24.501124-24.500562z" fill-rule="nonzero" stroke="#fff" stroke-width="3"></path><path d="m6 34.499438c0 10.2185232 8.2817873 18.500562 18.5 18.500562 10.2170889 0 18.5-8.2820388 18.5-18.500562 0-10.2173992-8.2829111-18.499438-18.5-18.499438-10.2182127 0-18.5 8.2820388-18.5 18.499438zm-6 0c0-13.531297 10.9682681-24.499438 24.5-24.499438 13.5309398 0 24.5 10.9684728 24.5 24.499438 0 13.5318591-10.96883 24.500562-24.5 24.500562-13.531962 0-24.5-10.9683711-24.5-24.500562z" fill-rule="nonzero" stroke="#fff" stroke-width="3"></path><path d="m24 31c0-3.865549 3.134451-7 7-7s7 3.134451 7 7-3.134451 7-7 7-7-3.134451-7-7z"></path></g></g><g stroke-linecap="round" stroke-width="11"><g stroke="#ecb732"><path d="m70.5 377.5 74 77"></path><path d="m134.5 386.5-47 50"></path></g><g stroke="#ecb732" transform="matrix(-1 0 0 1 298 377)"><path d="m.5.5 74 77"></path><path d="m64.5 9.5-47 50"></path></g><g stroke="#ffc73b" transform="matrix(0 1 -1 0 215 207)"><path d="m.5.5 49 49"></path><path d="m.5 10.5 49 49" transform="matrix(-1 0 0 1 50 0)"></path></g></g></g></svg><path d="M152.571 118V46.1333H176.8C183.576 46.1333 189.77 47.468 195.383 50.1373C200.995 52.8067 205.478 56.8449 208.832 62.252C212.186 67.5907 213.863 74.1956 213.863 82.0667C213.863 89.8693 212.186 96.4742 208.832 101.881C205.478 107.288 200.995 111.327 195.383 113.996C189.77 116.665 183.576 118 176.8 118H152.571ZM175.157 104.653C181.796 104.653 187.306 102.874 191.687 99.3147C196.067 95.6871 198.257 89.9378 198.257 82.0667C198.257 74.1956 196.067 68.4462 191.687 64.8187C187.306 61.1911 181.796 59.3773 175.157 59.3773H167.971V104.653H175.157ZM270.18 100.444C269.153 105.988 266.381 110.437 261.864 113.791C257.347 117.144 251.905 118.821 245.54 118.821C239.928 118.821 235.102 117.555 231.064 115.023C227.094 112.422 224.083 109.068 222.029 104.961C219.976 100.855 218.949 96.5427 218.949 92.0253C218.949 87.4396 219.873 83.1276 221.721 79.0893C223.638 75.0511 226.513 71.7658 230.345 69.2333C234.247 66.7009 238.969 65.4347 244.513 65.4347C250.263 65.4347 255.054 66.6667 258.887 69.1307C262.72 71.5947 265.526 74.7431 267.305 78.576C269.153 82.4089 270.077 86.4471 270.077 90.6907C270.077 92.2649 270.009 93.8049 269.872 95.3107H232.707C233.254 99.0067 234.623 101.916 236.813 104.037C239.072 106.091 241.981 107.117 245.54 107.117C248.415 107.117 250.776 106.57 252.624 105.475C254.472 104.311 255.67 102.634 256.217 100.444H270.18ZM244.513 75.9067C241.228 75.9067 238.627 76.7622 236.711 78.4733C234.794 80.116 233.528 82.7169 232.912 86.276H255.807C255.601 83.2644 254.506 80.8004 252.521 78.884C250.537 76.8991 247.867 75.9067 244.513 75.9067ZM302.77 118H289.629L270.738 66.256H285.317L296.2 99.7253L306.98 66.256H321.661L302.77 118ZM359.731 118H344.331V59.3773H323.079V46.1333H380.983V59.3773H359.731V118ZM402.364 118.821C397.163 118.821 392.474 117.692 388.299 115.433C384.124 113.106 380.873 109.924 378.546 105.885C376.219 101.779 375.055 97.1929 375.055 92.128C375.055 87.0631 376.219 82.5116 378.546 78.4733C380.873 74.3667 384.124 71.184 388.299 68.9253C392.474 66.5982 397.163 65.4347 402.364 65.4347C407.566 65.4347 412.255 66.5982 416.43 68.9253C420.605 71.184 423.856 74.3667 426.183 78.4733C428.51 82.5116 429.674 87.0631 429.674 92.128C429.674 97.1929 428.51 101.779 426.183 105.885C423.856 109.924 420.605 113.106 416.43 115.433C412.255 117.692 407.566 118.821 402.364 118.821ZM402.364 106.501C406.197 106.501 409.311 105.167 411.707 102.497C414.103 99.828 415.3 96.3716 415.3 92.128C415.3 87.816 414.103 84.3253 411.707 81.656C409.311 78.9867 406.197 77.652 402.364 77.652C398.531 77.652 395.417 78.9867 393.022 81.656C390.626 84.3253 389.428 87.816 389.428 92.128C389.428 96.3716 390.626 99.828 393.022 102.497C395.417 105.167 398.531 106.501 402.364 106.501ZM462.12 118.821C456.918 118.821 452.229 117.692 448.054 115.433C443.879 113.106 440.628 109.924 438.301 105.885C435.974 101.779 434.81 97.1929 434.81 92.128C434.81 87.0631 435.974 82.5116 438.301 78.4733C440.628 74.3667 443.879 71.184 448.054 68.9253C452.229 66.5982 456.918 65.4347 462.12 65.4347C467.321 65.4347 472.01 66.5982 476.185 68.9253C480.36 71.184 483.611 74.3667 485.938 78.4733C488.265 82.5116 489.429 87.0631 489.429 92.128C489.429 97.1929 488.265 101.779 485.938 105.885C483.611 109.924 480.36 113.106 476.185 115.433C472.01 117.692 467.321 118.821 462.12 118.821ZM462.12 106.501C465.952 106.501 469.067 105.167 471.462 102.497C473.858 99.828 475.056 96.3716 475.056 92.128C475.056 87.816 473.858 84.3253 471.462 81.656C469.067 78.9867 465.952 77.652 462.12 77.652C458.287 77.652 455.172 78.9867 452.777 81.656C450.381 84.3253 449.184 87.816 449.184 92.128C449.184 96.3716 450.381 99.828 452.777 102.497C455.172 105.167 458.287 106.501 462.12 106.501ZM512.327 118H498.056V43.772H512.327V118ZM542.494 118.821C536.129 118.821 530.961 117.179 526.991 113.893C523.09 110.54 521.002 106.091 520.729 100.547H533.049C533.322 102.874 534.281 104.722 535.923 106.091C537.634 107.391 539.825 108.041 542.494 108.041C544.684 108.041 546.464 107.562 547.833 106.604C549.27 105.646 549.989 104.448 549.989 103.011C549.989 101.094 549.167 99.7596 547.525 99.0067C545.882 98.2538 543.281 97.5693 539.722 96.9533C536.026 96.2689 533.014 95.516 530.687 94.6947C528.36 93.8733 526.341 92.4018 524.63 90.28C522.987 88.0898 522.166 85.0098 522.166 81.04C522.166 78.0284 522.953 75.3591 524.527 73.032C526.17 70.6364 528.394 68.7884 531.201 67.488C534.007 66.1191 537.155 65.4347 540.646 65.4347C546.874 65.4347 551.905 66.9747 555.738 70.0547C559.639 73.1347 561.727 77.2071 562.001 82.272H549.578C549.304 80.1502 548.312 78.5076 546.601 77.344C544.958 76.112 543.11 75.496 541.057 75.496C539.003 75.496 537.361 75.9409 536.129 76.8307C534.897 77.7204 534.281 78.9524 534.281 80.5267C534.281 82.4431 535.068 83.7436 536.642 84.428C538.285 85.044 540.851 85.5916 544.342 86.0707C548.106 86.6182 551.186 87.3027 553.582 88.124C556.046 88.8769 558.168 90.3827 559.947 92.6413C561.727 94.9 562.617 98.1853 562.617 102.497C562.617 107.425 560.769 111.395 557.073 114.407C553.445 117.35 548.585 118.821 542.494 118.821Z" fill="currentColor"></path>', 2), _n = [
-  mn
+}, Tn = /* @__PURE__ */ en('<svg height="130" viewBox="0 0 319 477" width="180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#52ce63"></stop><stop offset="1" stop-color="#51a256"></stop></linearGradient><linearGradient id="b" x1="55.342075%" x2="42.816933%" xlink:href="#a" y1="0%" y2="42.862855%"></linearGradient><linearGradient id="c" x1="55.348642%" x2="42.808103%" xlink:href="#a" y1="0%" y2="42.862855%"></linearGradient><linearGradient id="d" x1="50%" x2="50%" y1="0%" y2="58.811243%"><stop offset="0" stop-color="#8ae99c"></stop><stop offset="1" stop-color="#52ce63"></stop></linearGradient><linearGradient id="e" x1="51.37763%" x2="44.584719%" y1="17.472551%" y2="100%"><stop offset="0" stop-color="#ffe56c"></stop><stop offset="1" stop-color="#ffc63a"></stop></linearGradient><g fill="none" fill-rule="evenodd" transform="translate(-34 -24)"><g transform="matrix(.99254615 .12186934 -.12186934 .99254615 33.922073 .976691)"><path d="m103.950535 258.274149c44.361599-4.360825 60.014503-40.391282 65.353094-94.699444s-30.93219-103.451001-46.020347-101.9678079c-15.088156 1.4831932-63.0385313 58.9051239-68.3771222 113.2132869-5.3385908 54.308162 4.6827754 87.814791 49.0443752 83.453965z" fill="url(#b)" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -80.496332 125.892944)"></path><path d="m275.876752 258.273992c44.3616 4.360826 53.167133-29.265322 47.828542-83.573485-5.338591-54.308162-52.073133-111.6105744-67.16129-113.0937675-15.088156-1.4831931-52.57477 47.5401275-47.236179 101.8482895s22.207328 90.458137 66.568927 94.818963z" fill="url(#c)" transform="matrix(.70710678 .70710678 -.70710678 .70710678 191.403399 -141.861963)"></path><path d="m188.370027 216.876305c39.941834 0 50.95265-38.251987 50.95265-97.89874 0-59.6467532-37.367733-118.10125956-50.95265-118.10125956s-52.04735 58.45450636-52.04735 118.10125956c0 59.646753 12.105516 97.89874 52.04735 97.89874z" fill="url(#d)"></path></g><path d="m184.473473 501c83.118854 0 150.526527-24.145148 150.526527-133.645148s-67.407673-199.354852-150.526527-199.354852c-83.118855 0-150.473473 89.854852-150.473473 199.354852s67.354618 133.645148 150.473473 133.645148z" fill="url(#e)"></path><ellipse cx="260.5" cy="335" fill="#eaadcc" rx="21.5" ry="10"></ellipse><ellipse cx="102.5" cy="329" fill="#eaadcc" rx="21.5" ry="10" transform="matrix(.99254615 .12186934 -.12186934 .99254615 40.859033 -10.039292)"></ellipse><g transform="matrix(-.99939083 .0348995 .0348995 .99939083 269.284825 271.027667)"><path d="m73.1046985 58.2728794c6.7372416 4.9130333 14.3132632 6.6640587 22.7280649 5.2530761 8.4148016-1.4109825 14.5054466-5.2535769 18.2719346-11.527783" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" transform="matrix(.9998477 .01745241 -.01745241 .9998477 1.026464 -1.624794)"></path><path d="m154.501124 3c-5.937545 0-11.312782 2.40629805-15.203644 6.29680621-3.89094 3.89058529-6.29748 9.26545449-6.29748 15.20263179 0 5.9376888 2.406488 11.3127422 6.297291 15.2034272 3.890886 3.8907673 9.266197 6.2971348 15.203833 6.2971348 5.937109 0 11.311896-2.4063889 15.202387-6.2972348 3.890299-3.8906535 6.296489-9.2656636 6.296489-15.2033272 0-5.9371521-2.406242-11.3119781-6.296677-15.20253181-3.890469-3.89058674-9.265181-6.29690619-15.202199-6.29690619z" fill="#000"></path><path d="m154 21c0-3.865549 3.135362-7 6.999413-7 3.866399 0 7.000587 3.134451 7.000587 7s-3.134188 7-7.000587 7c-3.864051-.0011735-6.999413-3.134451-6.999413-7z" fill="#fff"></path><path d="m24.5 13c-5.9375292 0-11.312426 2.406268-15.20299427 6.2967181-3.89069464 3.8905765-6.29700573 9.2654765-6.29700573 15.2027199 0 5.9377549 2.40625962 11.3128391 6.29681766 15.2035153 3.89059104 3.8907092 9.26556184 6.2970467 15.20318234 6.2970467 5.9371249 0 11.3122514-2.406419 15.2030371-6.2973229 3.8905441-3.8906623 6.2969629-9.2656416 6.2969629-15.2032391 0-5.937086-2.4064703-11.3118811-6.297151-15.2024437-3.890763-3.8906448-9.2658154-6.2969943-15.202849-6.2969943z" fill="#000"></path><g fill="#fff"><path d="m136 24.499438c0 10.2185232 8.282911 18.500562 18.501124 18.500562 10.217089 0 18.498876-8.2820388 18.498876-18.500562 0-10.2173992-8.281787-18.499438-18.498876-18.499438-10.218213 0-18.501124 8.2820388-18.501124 18.499438zm-6 0c0-13.5311954 10.96929-24.499438 24.501124-24.499438 13.530838 0 24.498876 10.9683711 24.498876 24.499438 0 13.5319607-10.967808 24.500562-24.498876 24.500562-13.532064 0-24.501124-10.9684728-24.501124-24.500562z" fill-rule="nonzero" stroke="#fff" stroke-width="3"></path><path d="m6 34.499438c0 10.2185232 8.2817873 18.500562 18.5 18.500562 10.2170889 0 18.5-8.2820388 18.5-18.500562 0-10.2173992-8.2829111-18.499438-18.5-18.499438-10.2182127 0-18.5 8.2820388-18.5 18.499438zm-6 0c0-13.531297 10.9682681-24.499438 24.5-24.499438 13.5309398 0 24.5 10.9684728 24.5 24.499438 0 13.5318591-10.96883 24.500562-24.5 24.500562-13.531962 0-24.5-10.9683711-24.5-24.500562z" fill-rule="nonzero" stroke="#fff" stroke-width="3"></path><path d="m24 31c0-3.865549 3.134451-7 7-7s7 3.134451 7 7-3.134451 7-7 7-7-3.134451-7-7z"></path></g></g><g stroke-linecap="round" stroke-width="11"><g stroke="#ecb732"><path d="m70.5 377.5 74 77"></path><path d="m134.5 386.5-47 50"></path></g><g stroke="#ecb732" transform="matrix(-1 0 0 1 298 377)"><path d="m.5.5 74 77"></path><path d="m64.5 9.5-47 50"></path></g><g stroke="#ffc73b" transform="matrix(0 1 -1 0 215 207)"><path d="m.5.5 49 49"></path><path d="m.5 10.5 49 49" transform="matrix(-1 0 0 1 50 0)"></path></g></g></g></svg><path d="M152.571 118V46.1333H176.8C183.576 46.1333 189.77 47.468 195.383 50.1373C200.995 52.8067 205.478 56.8449 208.832 62.252C212.186 67.5907 213.863 74.1956 213.863 82.0667C213.863 89.8693 212.186 96.4742 208.832 101.881C205.478 107.288 200.995 111.327 195.383 113.996C189.77 116.665 183.576 118 176.8 118H152.571ZM175.157 104.653C181.796 104.653 187.306 102.874 191.687 99.3147C196.067 95.6871 198.257 89.9378 198.257 82.0667C198.257 74.1956 196.067 68.4462 191.687 64.8187C187.306 61.1911 181.796 59.3773 175.157 59.3773H167.971V104.653H175.157ZM270.18 100.444C269.153 105.988 266.381 110.437 261.864 113.791C257.347 117.144 251.905 118.821 245.54 118.821C239.928 118.821 235.102 117.555 231.064 115.023C227.094 112.422 224.083 109.068 222.029 104.961C219.976 100.855 218.949 96.5427 218.949 92.0253C218.949 87.4396 219.873 83.1276 221.721 79.0893C223.638 75.0511 226.513 71.7658 230.345 69.2333C234.247 66.7009 238.969 65.4347 244.513 65.4347C250.263 65.4347 255.054 66.6667 258.887 69.1307C262.72 71.5947 265.526 74.7431 267.305 78.576C269.153 82.4089 270.077 86.4471 270.077 90.6907C270.077 92.2649 270.009 93.8049 269.872 95.3107H232.707C233.254 99.0067 234.623 101.916 236.813 104.037C239.072 106.091 241.981 107.117 245.54 107.117C248.415 107.117 250.776 106.57 252.624 105.475C254.472 104.311 255.67 102.634 256.217 100.444H270.18ZM244.513 75.9067C241.228 75.9067 238.627 76.7622 236.711 78.4733C234.794 80.116 233.528 82.7169 232.912 86.276H255.807C255.601 83.2644 254.506 80.8004 252.521 78.884C250.537 76.8991 247.867 75.9067 244.513 75.9067ZM302.77 118H289.629L270.738 66.256H285.317L296.2 99.7253L306.98 66.256H321.661L302.77 118ZM359.731 118H344.331V59.3773H323.079V46.1333H380.983V59.3773H359.731V118ZM402.364 118.821C397.163 118.821 392.474 117.692 388.299 115.433C384.124 113.106 380.873 109.924 378.546 105.885C376.219 101.779 375.055 97.1929 375.055 92.128C375.055 87.0631 376.219 82.5116 378.546 78.4733C380.873 74.3667 384.124 71.184 388.299 68.9253C392.474 66.5982 397.163 65.4347 402.364 65.4347C407.566 65.4347 412.255 66.5982 416.43 68.9253C420.605 71.184 423.856 74.3667 426.183 78.4733C428.51 82.5116 429.674 87.0631 429.674 92.128C429.674 97.1929 428.51 101.779 426.183 105.885C423.856 109.924 420.605 113.106 416.43 115.433C412.255 117.692 407.566 118.821 402.364 118.821ZM402.364 106.501C406.197 106.501 409.311 105.167 411.707 102.497C414.103 99.828 415.3 96.3716 415.3 92.128C415.3 87.816 414.103 84.3253 411.707 81.656C409.311 78.9867 406.197 77.652 402.364 77.652C398.531 77.652 395.417 78.9867 393.022 81.656C390.626 84.3253 389.428 87.816 389.428 92.128C389.428 96.3716 390.626 99.828 393.022 102.497C395.417 105.167 398.531 106.501 402.364 106.501ZM462.12 118.821C456.918 118.821 452.229 117.692 448.054 115.433C443.879 113.106 440.628 109.924 438.301 105.885C435.974 101.779 434.81 97.1929 434.81 92.128C434.81 87.0631 435.974 82.5116 438.301 78.4733C440.628 74.3667 443.879 71.184 448.054 68.9253C452.229 66.5982 456.918 65.4347 462.12 65.4347C467.321 65.4347 472.01 66.5982 476.185 68.9253C480.36 71.184 483.611 74.3667 485.938 78.4733C488.265 82.5116 489.429 87.0631 489.429 92.128C489.429 97.1929 488.265 101.779 485.938 105.885C483.611 109.924 480.36 113.106 476.185 115.433C472.01 117.692 467.321 118.821 462.12 118.821ZM462.12 106.501C465.952 106.501 469.067 105.167 471.462 102.497C473.858 99.828 475.056 96.3716 475.056 92.128C475.056 87.816 473.858 84.3253 471.462 81.656C469.067 78.9867 465.952 77.652 462.12 77.652C458.287 77.652 455.172 78.9867 452.777 81.656C450.381 84.3253 449.184 87.816 449.184 92.128C449.184 96.3716 450.381 99.828 452.777 102.497C455.172 105.167 458.287 106.501 462.12 106.501ZM512.327 118H498.056V43.772H512.327V118ZM542.494 118.821C536.129 118.821 530.961 117.179 526.991 113.893C523.09 110.54 521.002 106.091 520.729 100.547H533.049C533.322 102.874 534.281 104.722 535.923 106.091C537.634 107.391 539.825 108.041 542.494 108.041C544.684 108.041 546.464 107.562 547.833 106.604C549.27 105.646 549.989 104.448 549.989 103.011C549.989 101.094 549.167 99.7596 547.525 99.0067C545.882 98.2538 543.281 97.5693 539.722 96.9533C536.026 96.2689 533.014 95.516 530.687 94.6947C528.36 93.8733 526.341 92.4018 524.63 90.28C522.987 88.0898 522.166 85.0098 522.166 81.04C522.166 78.0284 522.953 75.3591 524.527 73.032C526.17 70.6364 528.394 68.7884 531.201 67.488C534.007 66.1191 537.155 65.4347 540.646 65.4347C546.874 65.4347 551.905 66.9747 555.738 70.0547C559.639 73.1347 561.727 77.2071 562.001 82.272H549.578C549.304 80.1502 548.312 78.5076 546.601 77.344C544.958 76.112 543.11 75.496 541.057 75.496C539.003 75.496 537.361 75.9409 536.129 76.8307C534.897 77.7204 534.281 78.9524 534.281 80.5267C534.281 82.4431 535.068 83.7436 536.642 84.428C538.285 85.044 540.851 85.5916 544.342 86.0707C548.106 86.6182 551.186 87.3027 553.582 88.124C556.046 88.8769 558.168 90.3827 559.947 92.6413C561.727 94.9 562.617 98.1853 562.617 102.497C562.617 107.425 560.769 111.395 557.073 114.407C553.445 117.35 548.585 118.821 542.494 118.821Z" fill="currentColor"></path>', 2), En = [
+  Tn
 ];
-function gn(t, e) {
-  return p(), g("svg", hn, _n);
+function Vn(t, e) {
+  return p(), h("svg", Sn, En);
 }
-const Cn = /* @__PURE__ */ ye(vn, [["render", gn]]), et = Symbol("VirtualRouteKey"), Et = Symbol("VirtualRoutesKey");
-function tt(t, e) {
-  const n = (e == null ? void 0 : e.defaultRoutePath) ?? ct(t)[0].path, o = I({
+const Nn = /* @__PURE__ */ ye(In, [["render", Vn]]), at = Symbol("VirtualRouteKey"), Dt = Symbol("VirtualRoutesKey");
+function it(t, e) {
+  const n = (e == null ? void 0 : e.defaultRoutePath) ?? mt(t)[0].path, o = I({
     path: n
-  }), s = D(() => ct(t)), l = D(() => o.value.path), c = G({
+  }), l = D(() => mt(t)), s = D(() => o.value.path), u = B({
     setup() {
       return () => {
-        const u = s.value.find((C) => C.path === l.value);
-        return u ? Gt(u.component) : null;
+        const d = l.value.find((C) => C.path === s.value);
+        return d ? tn(d.component) : null;
       };
     }
   });
-  function i() {
+  function c() {
     o.value.path = n;
   }
-  return $e(et, o), $e(Et, s), { VirtualRouterView: c, restoreRouter: i };
+  return ke(at, o), ke(Dt, l), { VirtualRouterView: u, restoreRouter: c };
 }
-function Ve() {
-  const t = Ce(et);
+function De() {
+  const t = Ce(at);
   return {
     push(e) {
       t.value.path = e;
     }
   };
 }
-function xn() {
-  const t = Ce(Et), e = Ce(et);
+function Rn() {
+  const t = Ce(Dt), e = Ce(at);
   return {
     routes: t,
     currentRoute: e
   };
 }
-const yn = {
+const An = {
   "h-full": "",
   "w-full": "",
   flex: "",
   "items-center": ""
-}, bn = {
+}, Dn = {
   flex: "~ col gap2",
   ma: "",
   "px-5": ""
-}, wn = /* @__PURE__ */ a("div", { "flex-auto": "" }, null, -1), $n = {
+}, Pn = /* @__PURE__ */ i("div", { "flex-auto": "" }, null, -1), Mn = {
   flex: "~ col",
   "mt-20": "",
   "items-center": ""
-}, kn = {
+}, Hn = {
   flex: "~",
   "mt--10": "",
   "items-center": "",
   "justify-center": ""
-}, In = /* @__PURE__ */ a("div", {
+}, Ln = /* @__PURE__ */ i("div", {
   mb6: "",
   "mt--1": "",
   "text-center": "",
   "text-sm": "",
   flex: "~ gap-1"
 }, [
-  /* @__PURE__ */ a("span", { op40: "" }, " Pinia DevTools ")
-], -1), Tn = /* @__PURE__ */ a("div", { "flex-auto": "" }, null, -1), Sn = { flex: "~ gap2 wrap" }, En = /* @__PURE__ */ a("div", {
+  /* @__PURE__ */ i("span", { op40: "" }, " Pinia DevTools ")
+], -1), jn = /* @__PURE__ */ i("div", { "flex-auto": "" }, null, -1), On = { flex: "~ gap2 wrap" }, Un = /* @__PURE__ */ i("div", {
   "i-carbon-tree-view-alt": "",
   "text-3xl": ""
-}, null, -1), Vn = /* @__PURE__ */ a("code", null, "Store", -1), Nn = [
-  En,
-  Vn
-], An = /* @__PURE__ */ a("div", {
+}, null, -1), zn = /* @__PURE__ */ i("code", null, "Store", -1), Bn = [
+  Un,
+  zn
+], Zn = /* @__PURE__ */ i("div", {
   "i-mdi:timeline-clock-outline": "",
   "text-3xl": ""
-}, null, -1), Rn = /* @__PURE__ */ a("div", null, "Timeline", -1), Dn = [
-  An,
-  Rn
-], Pn = /* @__PURE__ */ a("div", {
+}, null, -1), Fn = /* @__PURE__ */ i("div", null, "Timeline", -1), Gn = [
+  Zn,
+  Fn
+], Kn = /* @__PURE__ */ i("div", {
   flex: "~ gap-6 wrap",
   "mt-5": "",
   "items-center": "",
   "justify-center": ""
 }, [
-  /* @__PURE__ */ a("a", {
+  /* @__PURE__ */ i("a", {
     href: "https://github.com/vuejs/pinia",
     target: "_blank",
     flex: "~ gap1",
@@ -107,10 +107,10 @@ const yn = {
     hover: "op100 text-blue",
     transition: ""
   }, [
-    /* @__PURE__ */ a("div", { "i-carbon-star": "" }),
-    /* @__PURE__ */ te(" Star on GitHub ")
+    /* @__PURE__ */ i("div", { "i-carbon-star": "" }),
+    /* @__PURE__ */ ne(" Star on GitHub ")
   ]),
-  /* @__PURE__ */ a("a", {
+  /* @__PURE__ */ i("a", {
     href: "https://pinia.vuejs.org/",
     target: "_blank",
     flex: "~ gap1",
@@ -119,147 +119,147 @@ const yn = {
     hover: "op100 text-yellow",
     transition: ""
   }, [
-    /* @__PURE__ */ a("div", { "i-carbon-document": "" }),
-    /* @__PURE__ */ te(" View Documentation ")
+    /* @__PURE__ */ i("div", { "i-carbon-document": "" }),
+    /* @__PURE__ */ ne(" View Documentation ")
   ])
-], -1), Mn = /* @__PURE__ */ a("div", { "flex-auto": "" }, null, -1), Hn = /* @__PURE__ */ G({
+], -1), Wn = /* @__PURE__ */ i("div", { "flex-auto": "" }, null, -1), qn = /* @__PURE__ */ B({
   __name: "About",
   setup(t) {
-    const e = Ve();
-    return (n, o) => (p(), g("div", yn, [
-      a("div", bn, [
-        wn,
-        a("div", $n, [
-          a("div", kn, [
-            y(Cn, { "h-18": "" })
+    const e = De();
+    return (n, o) => (p(), h("div", An, [
+      i("div", Dn, [
+        Pn,
+        i("div", Mn, [
+          i("div", Hn, [
+            x(Nn, { "h-18": "" })
           ]),
-          In
+          Ln
         ]),
-        Tn,
-        a("div", Sn, [
-          a("div", {
+        jn,
+        i("div", On, [
+          i("div", {
             flex: "~ col auto",
             "min-w-40": "",
             p4: "",
             "theme-card-lime": "",
-            onClick: o[0] || (o[0] = (s) => r(e).push("/store"))
-          }, Nn),
-          a("div", {
+            onClick: o[0] || (o[0] = (l) => r(e).push("/store"))
+          }, Bn),
+          i("div", {
             flex: "~ col auto",
             "min-w-40": "",
             p4: "",
             "theme-card-lime": "",
-            onClick: o[1] || (o[1] = (s) => r(e).push("/timeline"))
-          }, Dn)
+            onClick: o[1] || (o[1] = (l) => r(e).push("/timeline"))
+          }, Gn)
         ]),
-        Pn,
-        Mn
+        Kn,
+        Wn
       ])
     ]));
   }
-}), Ln = { class: "flex gap3" }, On = ["onClick"], Be = /* @__PURE__ */ G({
+}), Jn = { class: "flex gap3" }, Yn = ["onClick"], Se = /* @__PURE__ */ B({
   __name: "Navbar",
   setup(t) {
-    const { routes: e, currentRoute: n } = xn(), o = Ve();
-    return (s, l) => (p(), g("ul", Ln, [
-      (p(!0), g(oe, null, fe(r(e), (c, i) => (p(), g("li", {
-        key: i,
-        class: ie(["h-10 flex cursor-pointer items-center justify-center border-b-[2px] border-solid text-size-sm leading-none hover:op100", r(n).path === c.path ? "op-100 font-medium text-primary-400 border-primary-400" : "border-transparent op-70"]),
-        onClick: (u) => r(o).push(c.path)
-      }, ae(c.name), 11, On))), 128))
+    const { routes: e, currentRoute: n } = Rn(), o = De();
+    return (l, s) => (p(), h("ul", Jn, [
+      (p(!0), h(te, null, ae(r(e), (u, c) => (p(), h("li", {
+        key: c,
+        class: ie(["h-10 flex cursor-pointer items-center justify-center border-b-[2px] border-solid text-size-sm leading-none hover:op100", r(n).path === u.path ? "op-100 font-medium text-primary-400 border-primary-400" : "border-transparent op-70"]),
+        onClick: (d) => r(o).push(u.path)
+      }, oe(u.name), 11, Yn))), 128))
     ]));
   }
-}), jn = {
+}), Xn = {
   border: "b base",
   class: "flex items-center justify-between px3"
-}, zn = ["href"], Un = /* @__PURE__ */ a("i", { class: "i-clarity:document-line cursor-pointer op70 text-base hover:op100" }, null, -1), Bn = [
-  Un
-], Zn = ["href"], Fn = /* @__PURE__ */ a("i", { class: "i-mdi:github cursor-pointer op70 text-base hover:op100" }, null, -1), Gn = [
-  Fn
-], Ze = /* @__PURE__ */ G({
+}, Qn = ["href"], eo = /* @__PURE__ */ i("i", { class: "i-clarity:document-line cursor-pointer op70 text-base hover:op100" }, null, -1), to = [
+  eo
+], no = ["href"], oo = /* @__PURE__ */ i("i", { class: "i-mdi:github cursor-pointer op70 text-base hover:op100" }, null, -1), so = [
+  oo
+], Te = /* @__PURE__ */ B({
   __name: "DevToolsHeader",
   props: {
     githubRepoLink: {},
     docLink: {}
   },
   setup(t) {
-    const e = Ve();
-    return (n, o) => (p(), g("div", jn, [
-      a("div", null, [
-        qe(n.$slots, "default", {}, () => [
-          a("i", {
+    const e = De();
+    return (n, o) => (p(), h("div", Xn, [
+      i("div", null, [
+        et(n.$slots, "default", {}, () => [
+          i("i", {
             class: "i-ep:back cursor-pointer op70 text-base hover:op100",
-            onClick: o[0] || (o[0] = (s) => r(e).push("/"))
+            onClick: o[0] || (o[0] = (l) => r(e).push("/"))
           })
         ])
       ]),
-      a("div", null, [
-        a("a", {
+      i("div", null, [
+        i("a", {
           class: "pr2",
           href: n.docLink,
           target: "_blank",
           title: "View Documentation"
-        }, Bn, 8, zn),
-        n.githubRepoLink ? (p(), g("a", {
+        }, to, 8, Qn),
+        n.githubRepoLink ? (p(), h("a", {
           key: 0,
           href: n.githubRepoLink,
           target: "_blank",
           title: "Star on GitHub"
-        }, Gn, 8, Zn)) : z("", !0)
+        }, so, 8, no)) : U("", !0)
       ])
     ]));
   }
-}), Kn = {}, Wn = { class: "h-full flex flex-col items-center justify-center op50" }, Jn = /* @__PURE__ */ a("i", { class: "i-lets-icons:blank-light" }, null, -1);
-function qn(t, e) {
-  return p(), g("div", Wn, [
-    Jn,
-    a("span", null, [
-      qe(t.$slots, "default")
+}), lo = {}, ao = { class: "h-full flex flex-col items-center justify-center op50" }, io = /* @__PURE__ */ i("i", { class: "i-lets-icons:blank-light" }, null, -1);
+function ro(t, e) {
+  return p(), h("div", ao, [
+    io,
+    i("span", null, [
+      et(t.$slots, "default")
     ])
   ]);
 }
-const Se = /* @__PURE__ */ ye(Kn, [["render", qn]]);
-function nt(t) {
-  return Wt() ? (Jt(t), !0) : !1;
+const Ne = /* @__PURE__ */ ye(lo, [["render", ro]]);
+function rt(t) {
+  return on() ? (sn(t), !0) : !1;
 }
 function ee(t) {
   return typeof t == "function" ? t() : r(t);
 }
-const ot = typeof window < "u" && typeof document < "u";
+const ut = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Yn = (t) => typeof t < "u", Xn = Object.prototype.toString, Qn = (t) => Xn.call(t) === "[object Object]", je = () => {
+const uo = (t) => typeof t < "u", co = Object.prototype.toString, po = (t) => co.call(t) === "[object Object]", Fe = () => {
 };
-function eo(t, e) {
+function fo(t, e) {
   function n(...o) {
-    return new Promise((s, l) => {
-      Promise.resolve(t(() => e.apply(this, o), { fn: e, thisArg: this, args: o })).then(s).catch(l);
+    return new Promise((l, s) => {
+      Promise.resolve(t(() => e.apply(this, o), { fn: e, thisArg: this, args: o })).then(l).catch(s);
     });
   }
   return n;
 }
-const to = (t) => t();
-function no(t, e = {}) {
-  let n, o, s = je;
-  const l = (i) => {
-    clearTimeout(i), s(), s = je;
+const vo = (t) => t();
+function ho(t, e = {}) {
+  let n, o, l = Fe;
+  const s = (c) => {
+    clearTimeout(c), l(), l = Fe;
   };
-  return (i) => {
-    const u = ee(t), C = ee(e.maxWait);
-    return n && l(n), u <= 0 || C !== void 0 && C <= 0 ? (o && (l(o), o = null), Promise.resolve(i())) : new Promise((f, d) => {
-      s = e.rejectOnCancel ? d : f, C && !o && (o = setTimeout(() => {
-        n && l(n), o = null, f(i());
+  return (c) => {
+    const d = ee(t), C = ee(e.maxWait);
+    return n && s(n), d <= 0 || C !== void 0 && C <= 0 ? (o && (s(o), o = null), Promise.resolve(c())) : new Promise((v, a) => {
+      l = e.rejectOnCancel ? a : v, C && !o && (o = setTimeout(() => {
+        n && s(n), o = null, v(c());
       }, C)), n = setTimeout(() => {
-        o && l(o), o = null, f(i());
-      }, u);
+        o && s(o), o = null, v(c());
+      }, d);
     });
   };
 }
-function _t(t, e = !1, n = "Timeout") {
-  return new Promise((o, s) => {
-    setTimeout(e ? () => s(n) : o, t);
+function kt(t, e = !1, n = "Timeout") {
+  return new Promise((o, l) => {
+    setTimeout(e ? () => l(n) : o, t);
   });
 }
-function oo(t) {
+function mo(t) {
   let e;
   function n() {
     return e || (e = t()), e;
@@ -269,167 +269,167 @@ function oo(t) {
     e = void 0, o && await o;
   }, n;
 }
-function so(t) {
-  return Ye();
+function _o(t) {
+  return tt();
 }
-function lo(t, e, n = {}) {
+function go(t, e, n = {}) {
   const {
-    eventFilter: o = to,
-    ...s
+    eventFilter: o = vo,
+    ...l
   } = n;
   return X(
     t,
-    eo(
+    fo(
       o,
       e
     ),
-    s
+    l
   );
 }
-function ao(t, e = !0, n) {
-  so() ? bt(t, n) : e ? t() : wt(t);
+function Co(t, e = !0, n) {
+  _o() ? Vt(t, n) : e ? t() : Be(t);
 }
-function Je(t, e = !1) {
-  function n(d, { flush: v = "sync", deep: m = !1, timeout: x, throwOnTimeout: h } = {}) {
-    let $ = null;
-    const L = [new Promise((E) => {
-      $ = X(
+function Qe(t, e = !1) {
+  function n(a, { flush: f = "sync", deep: m = !1, timeout: y, throwOnTimeout: _ } = {}) {
+    let k = null;
+    const j = [new Promise((V) => {
+      k = X(
         t,
-        (w) => {
-          d(w) !== e && ($ == null || $(), E(w));
+        ($) => {
+          a($) !== e && (k ? k() : Be(() => k == null ? void 0 : k()), V($));
         },
         {
-          flush: v,
+          flush: f,
           deep: m,
           immediate: !0
         }
       );
     })];
-    return x != null && L.push(
-      _t(x, h).then(() => ee(t)).finally(() => $ == null ? void 0 : $())
-    ), Promise.race(L);
+    return y != null && j.push(
+      kt(y, _).then(() => ee(t)).finally(() => k == null ? void 0 : k())
+    ), Promise.race(j);
   }
-  function o(d, v) {
-    if (!ze(d))
-      return n((w) => w === d, v);
-    const { flush: m = "sync", deep: x = !1, timeout: h, throwOnTimeout: $ } = v ?? {};
-    let j = null;
-    const E = [new Promise((w) => {
-      j = X(
-        [t, d],
-        ([V, M]) => {
-          e !== (V === M) && (j == null || j(), w(V));
+  function o(a, f) {
+    if (!Ge(a))
+      return n(($) => $ === a, f);
+    const { flush: m = "sync", deep: y = !1, timeout: _, throwOnTimeout: k } = f ?? {};
+    let O = null;
+    const V = [new Promise(($) => {
+      O = X(
+        [t, a],
+        ([N, H]) => {
+          e !== (N === H) && (O ? O() : Be(() => O == null ? void 0 : O()), $(N));
         },
         {
           flush: m,
-          deep: x,
+          deep: y,
           immediate: !0
         }
       );
     })];
-    return h != null && E.push(
-      _t(h, $).then(() => ee(t)).finally(() => (j == null || j(), ee(t)))
-    ), Promise.race(E);
+    return _ != null && V.push(
+      kt(_, k).then(() => ee(t)).finally(() => (O == null || O(), ee(t)))
+    ), Promise.race(V);
   }
-  function s(d) {
-    return n((v) => !!v, d);
+  function l(a) {
+    return n((f) => !!f, a);
   }
-  function l(d) {
-    return o(null, d);
+  function s(a) {
+    return o(null, a);
   }
-  function c(d) {
-    return o(void 0, d);
+  function u(a) {
+    return o(void 0, a);
   }
-  function i(d) {
-    return n(Number.isNaN, d);
+  function c(a) {
+    return n(Number.isNaN, a);
   }
-  function u(d, v) {
+  function d(a, f) {
     return n((m) => {
-      const x = Array.from(m);
-      return x.includes(d) || x.includes(ee(d));
-    }, v);
+      const y = Array.from(m);
+      return y.includes(a) || y.includes(ee(a));
+    }, f);
   }
-  function C(d) {
-    return f(1, d);
+  function C(a) {
+    return v(1, a);
   }
-  function f(d = 1, v) {
+  function v(a = 1, f) {
     let m = -1;
-    return n(() => (m += 1, m >= d), v);
+    return n(() => (m += 1, m >= a), f);
   }
   return Array.isArray(ee(t)) ? {
     toMatch: n,
-    toContains: u,
+    toContains: d,
     changed: C,
-    changedTimes: f,
+    changedTimes: v,
     get not() {
-      return Je(t, !e);
+      return Qe(t, !e);
     }
   } : {
     toMatch: n,
     toBe: o,
-    toBeTruthy: s,
-    toBeNull: l,
-    toBeNaN: i,
-    toBeUndefined: c,
+    toBeTruthy: l,
+    toBeNull: s,
+    toBeNaN: c,
+    toBeUndefined: u,
     changed: C,
-    changedTimes: f,
+    changedTimes: v,
     get not() {
-      return Je(t, !e);
+      return Qe(t, !e);
     }
   };
 }
-function Vt(t) {
-  return Je(t);
+function Pt(t) {
+  return Qe(t);
 }
-function io(t, e, n = {}) {
+function xo(t, e, n = {}) {
   const {
     immediate: o = !0
-  } = n, s = I(!1);
-  let l = null;
-  function c() {
-    l && (clearTimeout(l), l = null);
+  } = n, l = I(!1);
+  let s = null;
+  function u() {
+    s && (clearTimeout(s), s = null);
   }
-  function i() {
-    s.value = !1, c();
+  function c() {
+    l.value = !1, u();
   }
-  function u(...C) {
-    c(), s.value = !0, l = setTimeout(() => {
-      s.value = !1, l = null, t(...C);
+  function d(...C) {
+    u(), l.value = !0, s = setTimeout(() => {
+      l.value = !1, s = null, t(...C);
     }, ee(e));
   }
-  return o && (s.value = !0, ot && u()), nt(i), {
-    isPending: Kt(s),
-    start: u,
-    stop: i
+  return o && (l.value = !0, ut && d()), rt(c), {
+    isPending: nn(l),
+    start: d,
+    stop: c
   };
 }
-function ro(t = !1, e = {}) {
+function yo(t = !1, e = {}) {
   const {
     truthyValue: n = !0,
     falsyValue: o = !1
-  } = e, s = ze(t), l = I(t);
-  function c(i) {
+  } = e, l = Ge(t), s = I(t);
+  function u(c) {
     if (arguments.length)
-      return l.value = i, l.value;
+      return s.value = c, s.value;
     {
-      const u = ee(n);
-      return l.value = l.value === u ? ee(o) : u, l.value;
+      const d = ee(n);
+      return s.value = s.value === d ? ee(o) : d, s.value;
     }
   }
-  return s ? c : [l, c];
+  return l ? u : [s, u];
 }
-function co(t, e, n = {}) {
+function bo(t, e, n = {}) {
   const {
     debounce: o = 0,
-    maxWait: s = void 0,
-    ...l
+    maxWait: l = void 0,
+    ...s
   } = n;
-  return lo(
+  return go(
     t,
     e,
     {
-      ...l,
-      eventFilter: no(o, { maxWait: s })
+      ...s,
+      eventFilter: ho(o, { maxWait: l })
     }
   );
 }
@@ -438,168 +438,175 @@ function ge(t) {
   const n = ee(t);
   return (e = n == null ? void 0 : n.$el) != null ? e : n;
 }
-const Fe = ot ? window : void 0, Nt = ot ? window.navigator : void 0;
+const Ke = ut ? window : void 0, Mt = ut ? window.navigator : void 0;
 function he(...t) {
-  let e, n, o, s;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([n, o, s] = t, e = Fe) : [e, n, o, s] = t, !e)
-    return je;
+  let e, n, o, l;
+  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([n, o, l] = t, e = Ke) : [e, n, o, l] = t, !e)
+    return Fe;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const l = [], c = () => {
-    l.forEach((f) => f()), l.length = 0;
-  }, i = (f, d, v, m) => (f.addEventListener(d, v, m), () => f.removeEventListener(d, v, m)), u = X(
-    () => [ge(e), ee(s)],
-    ([f, d]) => {
-      if (c(), !f)
+  const s = [], u = () => {
+    s.forEach((v) => v()), s.length = 0;
+  }, c = (v, a, f, m) => (v.addEventListener(a, f, m), () => v.removeEventListener(a, f, m)), d = X(
+    () => [ge(e), ee(l)],
+    ([v, a]) => {
+      if (u(), !v)
         return;
-      const v = Qn(d) ? { ...d } : d;
-      l.push(
-        ...n.flatMap((m) => o.map((x) => i(f, m, x, v)))
+      const f = po(a) ? { ...a } : a;
+      s.push(
+        ...n.flatMap((m) => o.map((y) => c(v, m, y, f)))
       );
     },
     { immediate: !0, flush: "post" }
   ), C = () => {
-    u(), c();
+    d(), u();
   };
-  return nt(C), C;
+  return rt(C), C;
 }
-function uo() {
-  const t = I(!1), e = Ye();
-  return e && bt(() => {
+function $o() {
+  const t = I(!1), e = tt();
+  return e && Vt(() => {
     t.value = !0;
   }, e), t;
 }
-function st(t) {
-  const e = uo();
+function ct(t) {
+  const e = $o();
   return D(() => (e.value, !!t()));
 }
-function gt(t, e = {}) {
+function It(t, e = {}) {
   const {
     controls: n = !1,
-    navigator: o = Nt
-  } = e, s = st(() => o && "permissions" in o);
-  let l;
-  const c = typeof t == "string" ? { name: t } : t, i = I(), u = () => {
-    l && (i.value = l.state);
-  }, C = oo(async () => {
-    if (s.value) {
-      if (!l)
+    navigator: o = Mt
+  } = e, l = ct(() => o && "permissions" in o), s = gt(), u = typeof t == "string" ? { name: t } : t, c = gt(), d = () => {
+    var v, a;
+    c.value = (a = (v = s.value) == null ? void 0 : v.state) != null ? a : "prompt";
+  };
+  he(s, "change", d);
+  const C = mo(async () => {
+    if (l.value) {
+      if (!s.value)
         try {
-          l = await o.permissions.query(c), he(l, "change", u), u();
+          s.value = await o.permissions.query(u);
         } catch {
-          i.value = "prompt";
+          s.value = void 0;
+        } finally {
+          d();
         }
-      return l;
+      if (n)
+        return Nt(s.value);
     }
   });
   return C(), n ? {
-    state: i,
-    isSupported: s,
+    state: c,
+    isSupported: l,
     query: C
-  } : i;
+  } : c;
 }
-function po(t = {}) {
+function wo(t = {}) {
   const {
-    navigator: e = Nt,
+    navigator: e = Mt,
     read: n = !1,
     source: o,
-    copiedDuring: s = 1500,
-    legacy: l = !1
-  } = t, c = st(() => e && "clipboard" in e), i = gt("clipboard-read"), u = gt("clipboard-write"), C = D(() => c.value || l), f = I(""), d = I(!1), v = io(() => d.value = !1, s);
+    copiedDuring: l = 1500,
+    legacy: s = !1
+  } = t, u = ct(() => e && "clipboard" in e), c = It("clipboard-read"), d = It("clipboard-write"), C = D(() => u.value || s), v = I(""), a = I(!1), f = xo(() => a.value = !1, l);
   function m() {
-    c.value && j(i.value) ? e.clipboard.readText().then((L) => {
-      f.value = L;
-    }) : f.value = $();
+    u.value && O(c.value) ? e.clipboard.readText().then((j) => {
+      v.value = j;
+    }) : v.value = k();
   }
   C.value && n && he(["copy", "cut"], m);
-  async function x(L = ee(o)) {
-    C.value && L != null && (c.value && j(u.value) ? await e.clipboard.writeText(L) : h(L), f.value = L, d.value = !0, v.start());
+  async function y(j = ee(o)) {
+    C.value && j != null && (u.value && O(d.value) ? await e.clipboard.writeText(j) : _(j), v.value = j, a.value = !0, f.start());
   }
-  function h(L) {
-    const E = document.createElement("textarea");
-    E.value = L ?? "", E.style.position = "absolute", E.style.opacity = "0", document.body.appendChild(E), E.select(), document.execCommand("copy"), E.remove();
+  function _(j) {
+    const V = document.createElement("textarea");
+    V.value = j ?? "", V.style.position = "absolute", V.style.opacity = "0", document.body.appendChild(V), V.select(), document.execCommand("copy"), V.remove();
   }
-  function $() {
-    var L, E, w;
-    return (w = (E = (L = document == null ? void 0 : document.getSelection) == null ? void 0 : L.call(document)) == null ? void 0 : E.toString()) != null ? w : "";
+  function k() {
+    var j, V, $;
+    return ($ = (V = (j = document == null ? void 0 : document.getSelection) == null ? void 0 : j.call(document)) == null ? void 0 : V.toString()) != null ? $ : "";
   }
-  function j(L) {
-    return L === "granted" || L === "prompt";
+  function O(j) {
+    return j === "granted" || j === "prompt";
   }
   return {
     isSupported: C,
-    text: f,
-    copied: d,
-    copy: x
+    text: v,
+    copied: a,
+    copy: y
   };
 }
-function fo(t) {
+function ko(t) {
   return JSON.parse(JSON.stringify(t));
 }
-function vo(t, e, n = {}) {
-  const { window: o = Fe, ...s } = n;
-  let l;
-  const c = st(() => o && "ResizeObserver" in o), i = () => {
-    l && (l.disconnect(), l = void 0);
-  }, u = D(() => Array.isArray(t) ? t.map((d) => ge(d)) : [ge(t)]), C = X(
-    u,
-    (d) => {
-      if (i(), c.value && o) {
-        l = new ResizeObserver(e);
-        for (const v of d)
-          v && l.observe(v, s);
+function Io(t, e, n = {}) {
+  const { window: o = Ke, ...l } = n;
+  let s;
+  const u = ct(() => o && "ResizeObserver" in o), c = () => {
+    s && (s.disconnect(), s = void 0);
+  }, d = D(() => {
+    const a = ee(t);
+    return Array.isArray(a) ? a.map((f) => ge(f)) : [ge(a)];
+  }), C = X(
+    d,
+    (a) => {
+      if (c(), u.value && o) {
+        s = new ResizeObserver(e);
+        for (const f of a)
+          f && s.observe(f, l);
       }
     },
     { immediate: !0, flush: "post" }
-  ), f = () => {
-    i(), C();
+  ), v = () => {
+    c(), C();
   };
-  return nt(f), {
-    isSupported: c,
-    stop: f
+  return rt(v), {
+    isSupported: u,
+    stop: v
   };
 }
-function ho(t, e = { width: 0, height: 0 }, n = {}) {
-  const { window: o = Fe, box: s = "content-box" } = n, l = D(() => {
-    var d, v;
-    return (v = (d = ge(t)) == null ? void 0 : d.namespaceURI) == null ? void 0 : v.includes("svg");
-  }), c = I(e.width), i = I(e.height), { stop: u } = vo(
+function So(t, e = { width: 0, height: 0 }, n = {}) {
+  const { window: o = Ke, box: l = "content-box" } = n, s = D(() => {
+    var a, f;
+    return (f = (a = ge(t)) == null ? void 0 : a.namespaceURI) == null ? void 0 : f.includes("svg");
+  }), u = I(e.width), c = I(e.height), { stop: d } = Io(
     t,
-    ([d]) => {
-      const v = s === "border-box" ? d.borderBoxSize : s === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
-      if (o && l.value) {
+    ([a]) => {
+      const f = l === "border-box" ? a.borderBoxSize : l === "content-box" ? a.contentBoxSize : a.devicePixelContentBoxSize;
+      if (o && s.value) {
         const m = ge(t);
         if (m) {
-          const x = m.getBoundingClientRect();
-          c.value = x.width, i.value = x.height;
+          const y = m.getBoundingClientRect();
+          u.value = y.width, c.value = y.height;
         }
-      } else if (v) {
-        const m = Array.isArray(v) ? v : [v];
-        c.value = m.reduce((x, { inlineSize: h }) => x + h, 0), i.value = m.reduce((x, { blockSize: h }) => x + h, 0);
+      } else if (f) {
+        const m = Array.isArray(f) ? f : [f];
+        u.value = m.reduce((y, { inlineSize: _ }) => y + _, 0), c.value = m.reduce((y, { blockSize: _ }) => y + _, 0);
       } else
-        c.value = d.contentRect.width, i.value = d.contentRect.height;
+        u.value = a.contentRect.width, c.value = a.contentRect.height;
     },
     n
   );
-  ao(() => {
-    const d = ge(t);
-    d && (c.value = "offsetWidth" in d ? d.offsetWidth : e.width, i.value = "offsetHeight" in d ? d.offsetHeight : e.height);
+  Co(() => {
+    const a = ge(t);
+    a && (u.value = "offsetWidth" in a ? a.offsetWidth : e.width, c.value = "offsetHeight" in a ? a.offsetHeight : e.height);
   });
   const C = X(
     () => ge(t),
-    (d) => {
-      c.value = d ? e.width : 0, i.value = d ? e.height : 0;
+    (a) => {
+      u.value = a ? e.width : 0, c.value = a ? e.height : 0;
     }
   );
-  function f() {
-    u(), C();
+  function v() {
+    d(), C();
   }
   return {
-    width: c,
-    height: i,
-    stop: f
+    width: u,
+    height: c,
+    stop: v
   };
 }
-const mo = {
+const To = {
   ctrl: "control",
   command: "meta",
   cmd: "meta",
@@ -609,142 +616,142 @@ const mo = {
   left: "arrowleft",
   right: "arrowright"
 };
-function _o(t = {}) {
+function Eo(t = {}) {
   const {
     reactive: e = !1,
-    target: n = Fe,
-    aliasMap: o = mo,
-    passive: s = !0,
-    onEventFired: l = je
-  } = t, c = ut(/* @__PURE__ */ new Set()), i = {
+    target: n = Ke,
+    aliasMap: o = To,
+    passive: l = !0,
+    onEventFired: s = Fe
+  } = t, u = _t(/* @__PURE__ */ new Set()), c = {
     toJSON() {
       return {};
     },
-    current: c
-  }, u = e ? ut(i) : i, C = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set();
-  function d(h, $) {
-    h in u && (e ? u[h] = $ : u[h].value = $);
+    current: u
+  }, d = e ? _t(c) : c, C = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set();
+  function a(_, k) {
+    _ in d && (e ? d[_] = k : d[_].value = k);
   }
-  function v() {
-    c.clear();
-    for (const h of f)
-      d(h, !1);
+  function f() {
+    u.clear();
+    for (const _ of v)
+      a(_, !1);
   }
-  function m(h, $) {
-    var j, L;
-    const E = (j = h.key) == null ? void 0 : j.toLowerCase(), V = [(L = h.code) == null ? void 0 : L.toLowerCase(), E].filter(Boolean);
-    E && ($ ? c.add(E) : c.delete(E));
-    for (const M of V)
-      f.add(M), d(M, $);
-    E === "meta" && !$ ? (C.forEach((M) => {
-      c.delete(M), d(M, !1);
-    }), C.clear()) : typeof h.getModifierState == "function" && h.getModifierState("Meta") && $ && [...c, ...V].forEach((M) => C.add(M));
+  function m(_, k) {
+    var O, j;
+    const V = (O = _.key) == null ? void 0 : O.toLowerCase(), N = [(j = _.code) == null ? void 0 : j.toLowerCase(), V].filter(Boolean);
+    V && (k ? u.add(V) : u.delete(V));
+    for (const H of N)
+      v.add(H), a(H, k);
+    V === "meta" && !k ? (C.forEach((H) => {
+      u.delete(H), a(H, !1);
+    }), C.clear()) : typeof _.getModifierState == "function" && _.getModifierState("Meta") && k && [...u, ...N].forEach((H) => C.add(H));
   }
-  he(n, "keydown", (h) => (m(h, !0), l(h)), { passive: s }), he(n, "keyup", (h) => (m(h, !1), l(h)), { passive: s }), he("blur", v, { passive: !0 }), he("focus", v, { passive: !0 });
-  const x = new Proxy(
-    u,
+  he(n, "keydown", (_) => (m(_, !0), s(_)), { passive: l }), he(n, "keyup", (_) => (m(_, !1), s(_)), { passive: l }), he("blur", f, { passive: !0 }), he("focus", f, { passive: !0 });
+  const y = new Proxy(
+    d,
     {
-      get(h, $, j) {
-        if (typeof $ != "string")
-          return Reflect.get(h, $, j);
-        if ($ = $.toLowerCase(), $ in o && ($ = o[$]), !($ in u))
-          if (/[+_-]/.test($)) {
-            const E = $.split(/[+_-]/g).map((w) => w.trim());
-            u[$] = D(() => E.every((w) => ee(x[w])));
+      get(_, k, O) {
+        if (typeof k != "string")
+          return Reflect.get(_, k, O);
+        if (k = k.toLowerCase(), k in o && (k = o[k]), !(k in d))
+          if (/[+_-]/.test(k)) {
+            const V = k.split(/[+_-]/g).map(($) => $.trim());
+            d[k] = D(() => V.every(($) => ee(y[$])));
           } else
-            u[$] = I(!1);
-        const L = Reflect.get(h, $, j);
-        return e ? ee(L) : L;
+            d[k] = I(!1);
+        const j = Reflect.get(_, k, O);
+        return e ? ee(j) : j;
       }
     }
   );
-  return x;
+  return y;
 }
-function go(t, e, n, o = {}) {
-  var s, l, c;
+function Vo(t, e, n, o = {}) {
+  var l, s, u;
   const {
-    clone: i = !1,
-    passive: u = !1,
+    clone: c = !1,
+    passive: d = !1,
     eventName: C,
-    deep: f = !1,
-    defaultValue: d,
-    shouldEmit: v
-  } = o, m = Ye(), x = n || (m == null ? void 0 : m.emit) || ((s = m == null ? void 0 : m.$emit) == null ? void 0 : s.bind(m)) || ((c = (l = m == null ? void 0 : m.proxy) == null ? void 0 : l.$emit) == null ? void 0 : c.bind(m == null ? void 0 : m.proxy));
-  let h = C;
-  h = h || `update:${e.toString()}`;
-  const $ = (E) => i ? typeof i == "function" ? i(E) : fo(E) : E, j = () => Yn(t[e]) ? $(t[e]) : d, L = (E) => {
-    v ? v(E) && x(h, E) : x(h, E);
+    deep: v = !1,
+    defaultValue: a,
+    shouldEmit: f
+  } = o, m = tt(), y = n || (m == null ? void 0 : m.emit) || ((l = m == null ? void 0 : m.$emit) == null ? void 0 : l.bind(m)) || ((u = (s = m == null ? void 0 : m.proxy) == null ? void 0 : s.$emit) == null ? void 0 : u.bind(m == null ? void 0 : m.proxy));
+  let _ = C;
+  _ = _ || `update:${e.toString()}`;
+  const k = (V) => c ? typeof c == "function" ? c(V) : ko(V) : V, O = () => uo(t[e]) ? k(t[e]) : a, j = (V) => {
+    f ? f(V) && y(_, V) : y(_, V);
   };
-  if (u) {
-    const E = j(), w = I(E);
-    let V = !1;
+  if (d) {
+    const V = O(), $ = I(V);
+    let N = !1;
     return X(
       () => t[e],
-      (M) => {
-        V || (V = !0, w.value = $(M), wt(() => V = !1));
+      (H) => {
+        N || (N = !0, $.value = k(H), Be(() => N = !1));
       }
     ), X(
-      w,
-      (M) => {
-        !V && (M !== t[e] || f) && L(M);
+      $,
+      (H) => {
+        !N && (H !== t[e] || v) && j(H);
       },
-      { deep: f }
-    ), w;
+      { deep: v }
+    ), $;
   } else
     return D({
       get() {
-        return j();
+        return O();
       },
-      set(E) {
-        L(E);
+      set(V) {
+        j(V);
       }
     });
 }
-const At = Symbol("StateEditorSymbol");
-function Co(t) {
+const Ht = Symbol("StateEditorSymbol");
+function No(t) {
   const e = I(t);
-  return $e(At, e), {
+  return ke(Ht, e), {
     context: e
   };
 }
-function lt() {
-  return Ce(At);
+function dt() {
+  return Ce(Ht);
 }
-function xo() {
-  const t = I(""), e = I("string"), n = I(!1), o = lt();
+function Ro() {
+  const t = I(""), e = I("string"), n = I(!1), o = dt();
   return {
     editingText: t,
     editing: n,
-    toggleEditing(s) {
-      s && (e.value = s), n.value = !n.value;
+    toggleEditing(l) {
+      l && (e.value = l), n.value = !n.value;
     },
     editingType: e,
     nodeId: D(() => o.value.nodeId)
   };
 }
-function yo(t, e) {
+function Ao(t, e) {
   if (t === "array")
     return e.length;
   const n = "newProp";
   let o = 1;
   for (; ; ) {
-    const s = `${n}${o}`;
-    if (!e[s])
-      return s;
+    const l = `${n}${o}`;
+    if (!e[l])
+      return l;
     o++;
   }
 }
-function bo() {
+function Do() {
   const t = I({
     enable: !1,
     key: "",
     value: "undefined"
   });
-  function e(o, s) {
-    const l = yo(o, s);
+  function e(o, l) {
+    const s = Ao(o, l);
     t.value = {
       enable: !0,
-      key: l.toString(),
+      key: s.toString(),
       value: "undefined"
     };
   }
@@ -761,7 +768,7 @@ function bo() {
     draftingNewProp: t
   };
 }
-const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__PURE__ */ G({
+const Po = { class: "flex pl5px" }, Mo = { class: "w160px py5px" }, Ho = /* @__PURE__ */ B({
   __name: "StateFieldEditor",
   props: {
     data: {},
@@ -772,13 +779,13 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
   },
   emits: ["enableEditInput", "addNewProp"],
   setup(t) {
-    const e = t, n = lt(), { copy: o, isSupported: s } = po(), l = I(!1), c = D(() => Tt(e.data.value)), i = D(() => c.value.value), u = D(() => c.value.customType), C = D(() => i.value === null ? "null" : typeof i.value), f = {
+    const e = t, n = dt(), { copy: o, isSupported: l } = wo(), s = I(!1), u = D(() => Rt(e.data.value)), c = D(() => u.value.value), d = D(() => u.value.customType), C = D(() => c.value === null ? "null" : typeof c.value), v = {
       flat: !0,
       size: "mini"
-    }, d = D(() => ({
+    }, a = D(() => ({
       "opacity-0": !e.hovering
     }));
-    async function v(x, h = !1) {
+    async function f(y, _ = !1) {
       await R.value.editInspectorState({
         path: e.data.path || [e.data.key],
         inspectorId: n.value.inspectorId,
@@ -786,25 +793,25 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
         nodeId: n.value.nodeId,
         state: {
           newKey: null,
-          value: qt(x),
+          value: Nt(y),
           type: C.value,
-          remove: h
+          remove: _
         }
       }), await R.value.sendInspectorState(n.value.inspectorId);
     }
-    function m(x, h) {
-      const $ = typeof x == "number" ? x + h : BigInt(x) + BigInt(h);
-      v($);
+    function m(y, _) {
+      const k = typeof y == "number" ? y + _ : BigInt(y) + BigInt(_);
+      f(k);
     }
-    return (x, h) => (p(), g("div", wo, [
-      !e.disableEdit && x.data.editable ? (p(), g(oe, { key: 0 }, [
-        C.value === "string" || C.value === "number" || C.value === "object" || C.value === "null" ? (p(), g(oe, { key: 0 }, [
-          q((p(), F(r(ce), we(f, {
-            class: d.value,
-            onClick: h[0] || (h[0] = pe(($) => x.$emit("enableEditInput", C.value), ["stop"]))
+    return (y, _) => (p(), h("div", Po, [
+      !e.disableEdit && y.data.editable ? (p(), h(te, { key: 0 }, [
+        C.value === "string" || C.value === "number" || C.value === "object" || C.value === "null" ? (p(), h(te, { key: 0 }, [
+          J((p(), z(r(de), we(v, {
+            class: a.value,
+            onClick: _[0] || (_[0] = fe((k) => y.$emit("enableEditInput", C.value), ["stop"]))
           }), {
-            icon: H(() => [
-              y(r(ne), { icon: "i-material-symbols-edit-rounded" })
+            icon: M(() => [
+              x(r(se), { icon: "i-material-symbols-edit-rounded" })
             ]),
             _: 1
           }, 16, ["class"])), [
@@ -812,109 +819,109 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
               content: "Edit value"
             }]
           ]),
-          C.value === "object" && x.showAddIfNeeded ? q((p(), F(r(ce), we({ key: 0 }, f, {
-            class: d.value,
-            onClick: h[1] || (h[1] = pe(($) => x.$emit("addNewProp", Array.isArray(i.value) ? "array" : "object"), ["stop"]))
+          C.value === "object" && y.showAddIfNeeded ? J((p(), z(r(de), we({ key: 0 }, v, {
+            class: a.value,
+            onClick: _[1] || (_[1] = fe((k) => y.$emit("addNewProp", Array.isArray(c.value) ? "array" : "object"), ["stop"]))
           }), {
-            icon: H(() => [
-              y(r(ne), { icon: "i-material-symbols-add-circle-rounded" })
+            icon: M(() => [
+              x(r(se), { icon: "i-material-symbols-add-circle-rounded" })
             ]),
             _: 1
           }, 16, ["class"])), [
             [r(Q), {
               content: "Add new value"
             }]
-          ]) : z("", !0)
-        ], 64)) : z("", !0),
-        C.value === "boolean" ? (p(), F(r(ce), we({ key: 1 }, f, {
-          class: d.value,
-          onClick: h[2] || (h[2] = ($) => v(!i.value))
+          ]) : U("", !0)
+        ], 64)) : U("", !0),
+        C.value === "boolean" ? (p(), z(r(de), we({ key: 1 }, v, {
+          class: a.value,
+          onClick: _[2] || (_[2] = (k) => f(!c.value))
         }), {
-          icon: H(() => [
-            y(r(ne), {
-              icon: i.value ? "i-material-symbols-check-box-sharp" : "i-material-symbols-check-box-outline-blank-sharp"
+          icon: M(() => [
+            x(r(se), {
+              icon: c.value ? "i-material-symbols-check-box-sharp" : "i-material-symbols-check-box-outline-blank-sharp"
             }, null, 8, ["icon"])
           ]),
           _: 1
-        }, 16, ["class"])) : C.value === "number" || u.value === "bigint" ? (p(), g(oe, { key: 2 }, [
-          y(r(ce), we(f, {
-            class: d.value,
-            onClick: h[3] || (h[3] = pe(($) => m(i.value, 1), ["stop"]))
+        }, 16, ["class"])) : C.value === "number" || d.value === "bigint" ? (p(), h(te, { key: 2 }, [
+          x(r(de), we(v, {
+            class: a.value,
+            onClick: _[3] || (_[3] = fe((k) => m(c.value, 1), ["stop"]))
           }), {
-            icon: H(() => [
-              y(r(ne), { icon: "i-carbon-add" })
+            icon: M(() => [
+              x(r(se), { icon: "i-carbon-add" })
             ]),
             _: 1
           }, 16, ["class"]),
-          y(r(ce), we(f, {
-            class: d.value,
-            onClick: h[4] || (h[4] = pe(($) => m(i.value, -1), ["stop"]))
+          x(r(de), we(v, {
+            class: a.value,
+            onClick: _[4] || (_[4] = fe((k) => m(c.value, -1), ["stop"]))
           }), {
-            icon: H(() => [
-              y(r(ne), { icon: "i-carbon-subtract" })
+            icon: M(() => [
+              x(r(se), { icon: "i-carbon-subtract" })
             ]),
             _: 1
           }, 16, ["class"])
-        ], 64)) : z("", !0)
-      ], 64)) : z("", !0),
-      !e.disableEdit && x.depth > 0 && x.data.editable ? (p(), F(r(ce), we({ key: 1 }, f, {
-        class: d.value,
-        onClick: h[5] || (h[5] = pe(($) => v(i.value, !0), ["stop"]))
+        ], 64)) : U("", !0)
+      ], 64)) : U("", !0),
+      !e.disableEdit && y.depth > 0 && y.data.editable ? (p(), z(r(de), we({ key: 1 }, v, {
+        class: a.value,
+        onClick: _[5] || (_[5] = fe((k) => f(c.value, !0), ["stop"]))
       }), {
-        icon: H(() => [
-          y(r(ne), { icon: "i-material-symbols-delete-rounded" })
+        icon: M(() => [
+          x(r(se), { icon: "i-material-symbols-delete-rounded" })
         ]),
         _: 1
-      }, 16, ["class"])) : z("", !0),
-      y(r(ln), {
+      }, 16, ["class"])) : U("", !0),
+      x(r(mn), {
         class: ie({
-          "opacity-0": !x.hovering && !l.value
+          "opacity-0": !y.hovering && !s.value
         }),
         "button-props": {
           flat: !0,
           size: "mini"
         },
-        disabled: !r(s),
-        "onUpdate:visible": h[8] || (h[8] = ($) => l.value = $)
+        disabled: !r(l),
+        "onUpdate:visible": _[8] || (_[8] = (k) => s.value = k)
       }, {
-        popper: H(() => [
-          a("div", $o, [
-            y(r(pt), {
-              onClick: h[6] || (h[6] = ($) => r(o)(typeof i.value == "object" ? JSON.stringify(i.value) : i.value.toString()))
+        popper: M(() => [
+          i("div", Mo, [
+            x(r(xt), {
+              onClick: _[6] || (_[6] = (k) => r(o)(typeof c.value == "object" ? JSON.stringify(c.value) : c.value.toString()))
             }, {
-              icon: H(() => [
-                y(r(ne), {
+              icon: M(() => [
+                x(r(se), {
                   icon: "i-material-symbols-copy-all-rounded",
                   class: "mt4px"
                 }),
-                te(" Copy Value ")
+                ne(" Copy Value ")
               ]),
               _: 1
             }),
-            y(r(pt), {
-              onClick: h[7] || (h[7] = () => {
-                r(o)(x.data.key);
+            x(r(xt), {
+              onClick: _[7] || (_[7] = () => {
+                r(o)(y.data.key);
               })
             }, {
-              icon: H(() => [
-                y(r(ne), {
+              icon: M(() => [
+                x(r(se), {
                   icon: "i-material-symbols-copy-all-rounded",
                   class: "mt4px"
                 }),
-                te(" Copy Path ")
+                ne(" Copy Path ")
               ]),
               _: 1
             })
           ])
         ]),
-        "button-icon": H(() => [
-          y(r(ne), { icon: "i-material-symbols:more-vert" })
+        "button-icon": M(() => [
+          x(r(se), { icon: "i-material-symbols:more-vert" })
         ]),
         _: 1
       }, 8, ["class", "disabled"])
     ]));
   }
-}), Io = { class: "flex-inline items-center gap4px" }, Ke = /* @__PURE__ */ G({
+}), Lo = { class: "flex-inline items-center gap4px" }, Ye = /* @__PURE__ */ B({
   __name: "StateFieldInputEditor",
   props: {
     modelValue: {},
@@ -924,41 +931,41 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
   },
   emits: ["cancel", "submit", "update:modelValue"],
   setup(t, { emit: e }) {
-    const n = t, o = e, s = D(() => n.customType === "date" ? "datetime-local" : ""), { escape: l, enter: c } = _o();
-    $t(() => {
-      l.value ? o("cancel") : c.value && o("submit");
+    const n = t, o = e, l = D(() => n.customType === "date" ? "datetime-local" : ""), { escape: s, enter: u } = Eo();
+    nt(() => {
+      s.value ? o("cancel") : u.value && o("submit");
     });
-    const i = go(n, "modelValue", o);
-    function u(d) {
+    const c = Vo(n, "modelValue", o);
+    function d(a) {
       try {
-        return Oe(d, n.customType), !0;
+        return ze(a, n.customType), !0;
       } catch {
         return !1;
       }
     }
     const C = I(!1);
-    return X(i, un(() => {
-      C.value = !u(i.value);
-    }, 300)), (d, v) => (p(), g("span", Io, [
-      y(r(We), {
-        modelValue: r(i),
-        "onUpdate:modelValue": v[0] || (v[0] = (m) => ze(i) ? i.value = m : null),
-        type: s.value,
+    return X(c, bn(() => {
+      C.value = !d(c.value);
+    }, 300)), (a, f) => (p(), h("span", Lo, [
+      x(r(Xe), {
+        modelValue: r(c),
+        "onUpdate:modelValue": f[0] || (f[0] = (m) => Ge(c) ? c.value = m : null),
+        type: l.value,
         variant: C.value ? "warning" : "normal",
-        class: ie(["h25px px4px", d.customType === "date" ? "w240px" : "w120px"]),
-        "auto-focus": d.autoFocus,
-        onClick: v[1] || (v[1] = pe(() => {
+        class: ie(["h25px px4px", a.customType === "date" ? "w240px" : "w120px"]),
+        "auto-focus": a.autoFocus,
+        onClick: f[1] || (f[1] = fe(() => {
         }, ["stop"]))
       }, null, 8, ["modelValue", "type", "variant", "class", "auto-focus"]),
-      d.showActions ? (p(), g(oe, { key: 0 }, [
-        q((p(), F(r(ce), {
+      a.showActions ? (p(), h(te, { key: 0 }, [
+        J((p(), z(r(de), {
           size: "mini",
           flat: "",
           class: "p2px!",
-          onClick: v[2] || (v[2] = pe((m) => d.$emit("cancel"), ["stop"]))
+          onClick: f[2] || (f[2] = fe((m) => a.$emit("cancel"), ["stop"]))
         }, {
-          icon: H(() => [
-            y(r(ne), { icon: "i-material-symbols-cancel" })
+          icon: M(() => [
+            x(r(se), { icon: "i-material-symbols-cancel" })
           ]),
           _: 1
         })), [
@@ -966,7 +973,7 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
             content: "Esc to cancel"
           }]
         ]),
-        C.value ? q((p(), F(r(ne), {
+        C.value ? J((p(), z(r(se), {
           key: 1,
           icon: "i-material-symbols-warning",
           class: "color-warning-500 dark:color-warning-300"
@@ -974,15 +981,15 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
           [r(Q), {
             content: "Invalid value"
           }]
-        ]) : q((p(), F(r(ce), {
+        ]) : J((p(), z(r(de), {
           key: 0,
           size: "mini",
           flat: "",
           class: "p2px!",
-          onClick: v[3] || (v[3] = pe((m) => d.$emit("submit"), ["stop"]))
+          onClick: f[3] || (f[3] = fe((m) => a.$emit("submit"), ["stop"]))
         }, {
-          icon: H(() => [
-            y(r(ne), { icon: "i-material-symbols-save" })
+          icon: M(() => [
+            x(r(se), { icon: "i-material-symbols-save" })
           ]),
           _: 1
         })), [
@@ -990,67 +997,67 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
             content: "Enter to submit change"
           }]
         ])
-      ], 64)) : z("", !0)
+      ], 64)) : U("", !0)
     ]));
   }
-}), at = /* @__PURE__ */ G({
+}), pt = /* @__PURE__ */ B({
   __name: "ToggleExpanded",
   props: {
     value: { type: Boolean }
   },
   setup(t) {
-    return (e, n) => (p(), g("i", {
+    return (e, n) => (p(), h("i", {
       class: ie(["i-radix-icons:triangle-right flex-none text-4 op-50 transition-base", {
         "transform rotate-90": e.value
       }])
     }, null, 2));
   }
-}), Rt = "expanded-state";
+}), Lt = "expanded-state";
 function ve(t = "") {
   const e = I([]);
-  return $e(`${Rt}-${t}`, e), {
+  return ke(`${Lt}-${t}`, e), {
     expanded: e
   };
 }
-function it(t = "") {
-  const e = Ce(`${Rt}-${t}`, I([]));
+function ft(t = "") {
+  const e = Ce(`${Lt}-${t}`, I([]));
   function n(o) {
-    const s = e.value.indexOf(o);
-    s === -1 ? e.value.push(o) : e.value.splice(s, 1);
+    const l = e.value.indexOf(o);
+    l === -1 ? e.value.push(o) : e.value.splice(l, 1);
   }
   return {
     expanded: e,
     toggleExpanded: n
   };
 }
-function To(t, e = {}) {
+function jo(t, e = {}) {
   const {
     enter: n = () => {
     },
     leave: o = () => {
     },
-    initial: s = !1
-  } = e, l = I(s);
+    initial: l = !1
+  } = e, s = I(l);
   return he(t, "mouseenter", () => {
-    l.value = !0, n();
+    s.value = !0, n();
   }), he(t, "mouseleave", () => {
-    l.value = !1, o();
+    s.value = !1, o();
   }), {
-    isHovering: l
+    isHovering: s
   };
 }
-const Dt = (t) => (Xe("data-v-e1338684"), t = t(), Qe(), t), So = {
+const jt = (t) => (ot("data-v-e1338684"), t = t(), st(), t), Oo = {
   key: 1,
   pl5: ""
-}, Eo = {
+}, Uo = {
   op70: "",
   class: "whitespace-nowrap"
-}, Vo = /* @__PURE__ */ Dt(() => /* @__PURE__ */ a("span", { mx1: "" }, ":", -1)), No = ["innerHTML"], Ao = { key: 0 }, Ro = {
+}, zo = /* @__PURE__ */ jt(() => /* @__PURE__ */ i("span", { mx1: "" }, ":", -1)), Bo = ["innerHTML"], Zo = { key: 0 }, Fo = {
   "overflow-hidden": "",
   "text-ellipsis": "",
   "whitespace-nowrap": "",
   "state-key": ""
-}, Do = /* @__PURE__ */ Dt(() => /* @__PURE__ */ a("span", { "mx-1": "" }, ":", -1)), Ct = 30, Po = /* @__PURE__ */ G({
+}, Go = /* @__PURE__ */ jt(() => /* @__PURE__ */ i("span", { "mx-1": "" }, ":", -1)), St = 30, Ko = /* @__PURE__ */ B({
   __name: "StateFieldViewer",
   props: {
     data: {},
@@ -1059,170 +1066,170 @@ const Dt = (t) => (Xe("data-v-e1338684"), t = t(), Qe(), t), So = {
     expandedStateId: {}
   },
   setup(t) {
-    const e = t, n = I(Ct), o = D(() => Xt(e.data.value, !1, {
+    const e = t, n = I(St), o = D(() => un(e.data.value, !1, {
       customClass: {
         string: "max-w-120 truncate"
       }
-    })), s = D(() => dt(e.data.value)), l = D(() => Tt(e.data.value)), { expanded: c, toggleExpanded: i } = it(e.expandedStateId ?? ""), u = D(() => {
-      var _;
-      return s.value === "custom" ? `${((_ = e.data.value._custom) == null ? void 0 : _.type) ?? "string"}-custom-state` : "";
+    })), l = D(() => Ct(e.data.value)), s = D(() => Rt(e.data.value)), { expanded: u, toggleExpanded: c } = ft(e.expandedStateId ?? ""), d = D(() => {
+      var g;
+      return l.value === "custom" ? `${((g = e.data.value._custom) == null ? void 0 : g.type) ?? "string"}-custom-state` : "";
     }), C = D(() => {
-      const { value: _ } = l.value;
-      return vt(_) ? _.length : ht(_) ? Object.keys(_).length : 0;
-    }), f = D(() => e.data.path || [e.data.key]), d = D(() => f.value[f.value.length - 1]), v = D(() => {
-      var U, se, le, re, me, _e, Pe;
-      const _ = ["Reactive"], A = ((se = (U = e.data) == null ? void 0 : U._custom) == null ? void 0 : se.stateTypeName) || ((le = e.data) == null ? void 0 : le.stateTypeName);
-      if (_.includes(A))
+      const { value: g } = s.value;
+      return bt(g) ? g.length : $t(g) ? Object.keys(g).length : 0;
+    }), v = D(() => e.data.path || [e.data.key]), a = D(() => v.value[v.value.length - 1]), f = D(() => {
+      var F, le, re, ce, me, _e, Le;
+      const g = ["Reactive"], A = ((le = (F = e.data) == null ? void 0 : F._custom) == null ? void 0 : le.stateTypeName) || ((re = e.data) == null ? void 0 : re.stateTypeName);
+      if (g.includes(A))
         return A;
-      if ((me = (re = e.data.value) == null ? void 0 : re.fields) != null && me.abstract)
+      if ((me = (ce = e.data.value) == null ? void 0 : ce.fields) != null && me.abstract)
         return "";
       {
-        const Me = (Pe = (_e = e.data.value) == null ? void 0 : _e._custom) == null ? void 0 : Pe.type, He = s.value === "custom" && !Me ? `"${o.value}"` : o.value === "" ? '""' : o.value, Le = s.value === "custom" && Me === "ref" ? dt(He) : s.value, Ge = s.value === "string" ? "select-text" : "", Ie = `<span class="${Le}-state-type flex whitespace-nowrap ${Ge}">${He}</span>`;
-        return A ? `${Ie} <span class="text-gray-500">(${A})</span>` : Ie;
+        const je = (Le = (_e = e.data.value) == null ? void 0 : _e._custom) == null ? void 0 : Le.type, Oe = l.value === "custom" && !je ? `"${o.value}"` : o.value === "" ? '""' : o.value, Ue = l.value === "custom" && je === "ref" ? Ct(Oe) : l.value, We = l.value === "string" ? "select-text" : "", Ee = `<span class="${Ue}-state-type flex whitespace-nowrap ${We}">${Oe}</span>`;
+        return A ? `${Ee} <span class="text-gray-500">(${A})</span>` : Ee;
       }
     }), m = D(() => {
-      const { value: _, inherit: A, customType: U } = l.value, se = U === "set";
-      let le = [];
-      return vt(_) ? _.slice(0, n.value).map((me, _e) => ({
+      const { value: g, inherit: A, customType: F } = s.value, le = F === "set";
+      let re = [];
+      return bt(g) ? g.slice(0, n.value).map((me, _e) => ({
         key: _e.toString(),
-        path: [...f.value, _e.toString()],
+        path: [...v.value, _e.toString()],
         value: me,
         ...A,
-        editable: e.data.editable && !se,
+        editable: e.data.editable && !le,
         creating: !1
-      })) : (ht(_) && (le = Object.keys(_).slice(0, n.value).map((re) => ({
-        key: re,
-        path: [...f.value, re],
-        value: _[re],
+      })) : ($t(g) && (re = Object.keys(g).slice(0, n.value).map((ce) => ({
+        key: ce,
+        path: [...v.value, ce],
+        value: g[ce],
         ...A,
-        editable: e.data.editable && !se,
+        editable: e.data.editable && !le,
         creating: !1
-      })), s.value !== "custom" && (le = St(le))), le === e.data.value ? [] : le);
-    }), x = D(() => m.value.length > 0), h = I(), $ = lt(), { isHovering: j } = To(() => h.value), { editingType: L, editing: E, editingText: w, toggleEditing: V, nodeId: M } = xo();
-    X(() => E.value, (_) => {
-      if (_) {
-        const { value: A } = l.value;
-        w.value = Qt(A, l.value.customType);
+      })), l.value !== "custom" && (re = At(re))), re === e.data.value ? [] : re);
+    }), y = D(() => m.value.length > 0), _ = I(), k = dt(), { isHovering: O } = jo(() => _.value), { editingType: j, editing: V, editingText: $, toggleEditing: N, nodeId: H } = Ro();
+    X(() => V.value, (g) => {
+      if (g) {
+        const { value: A } = s.value;
+        $.value = cn(A, s.value.customType);
       } else
-        w.value = "";
+        $.value = "";
     });
     async function K() {
-      const _ = e.data;
+      const g = e.data;
       await R.value.editInspectorState({
-        path: f.value,
-        inspectorId: $.value.inspectorId,
-        type: _.stateType,
-        nodeId: M.value,
+        path: v.value,
+        inspectorId: k.value.inspectorId,
+        type: g.stateType,
+        nodeId: H.value,
         state: {
           newKey: null,
-          type: L.value,
-          value: Oe(w.value, l.value.customType)
+          type: j.value,
+          value: ze($.value, s.value.customType)
         }
-      }), await R.value.sendInspectorState($.value.inspectorId), V();
+      }), await R.value.sendInspectorState(k.value.inspectorId), N();
     }
-    const { addNewProp: B, draftingNewProp: T, resetDrafting: P } = bo();
-    function b(_) {
+    const { addNewProp: Z, draftingNewProp: T, resetDrafting: P } = Do();
+    function b(g) {
       const A = `${e.depth}-${e.index}`;
-      c.value.includes(A) || i(A), B(_, l.value.value);
+      u.value.includes(A) || c(A), Z(g, s.value.value);
     }
-    async function k() {
-      const _ = e.data;
+    async function S() {
+      const g = e.data;
       await R.value.editInspectorState({
-        path: [...f.value, T.value.key],
-        inspectorId: $.value.inspectorId,
-        type: _.stateType,
-        nodeId: M.value,
+        path: [...v.value, T.value.key],
+        inspectorId: k.value.inspectorId,
+        type: g.stateType,
+        nodeId: H.value,
         state: {
           newKey: T.value.key,
-          type: typeof Oe(T.value.value),
-          value: Oe(T.value.value)
+          type: typeof ze(T.value.value),
+          value: ze(T.value.value)
         }
-      }), await R.value.sendInspectorState($.value.inspectorId), P();
+      }), await R.value.sendInspectorState(k.value.inspectorId), P();
     }
-    return (_, A) => (p(), g("div", null, [
-      a("div", {
+    return (g, A) => (p(), h("div", null, [
+      i("div", {
         ref_key: "containerRef",
-        ref: h,
-        class: ie(["font-state-field flex items-center text-3.5", [x.value && "cursor-pointer hover:bg-active"]]),
-        style: ke({ paddingLeft: `${_.depth * 15 + 4}px` }),
-        onClick: A[1] || (A[1] = (U) => r(i)(`${_.depth}-${_.index}`))
+        ref: _,
+        class: ie(["font-state-field flex items-center text-3.5", [y.value && "cursor-pointer hover:bg-active"]]),
+        style: Ie({ paddingLeft: `${g.depth * 15 + 4}px` }),
+        onClick: A[1] || (A[1] = (F) => r(c)(`${g.depth}-${g.index}`))
       }, [
-        x.value ? (p(), F(at, {
+        y.value ? (p(), z(pt, {
           key: 0,
-          value: r(c).includes(`${_.depth}-${_.index}`)
-        }, null, 8, ["value"])) : (p(), g("span", So)),
-        a("span", Eo, ae(d.value), 1),
-        Vo,
-        r(E) ? (p(), F(Ke, {
+          value: r(u).includes(`${g.depth}-${g.index}`)
+        }, null, 8, ["value"])) : (p(), h("span", Oo)),
+        i("span", Uo, oe(a.value), 1),
+        zo,
+        r(V) ? (p(), z(Ye, {
           key: 2,
-          modelValue: r(w),
-          "onUpdate:modelValue": A[0] || (A[0] = (U) => ze(w) ? w.value = U : null),
+          modelValue: r($),
+          "onUpdate:modelValue": A[0] || (A[0] = (F) => Ge($) ? $.value = F : null),
           class: "mr-1",
-          "custom-type": l.value.customType,
-          onCancel: r(V),
+          "custom-type": s.value.customType,
+          onCancel: r(N),
           onSubmit: K
-        }, null, 8, ["modelValue", "custom-type", "onCancel"])) : z("", !0),
-        a("span", {
-          class: ie([u.value, "flex whitespace-nowrap"])
+        }, null, 8, ["modelValue", "custom-type", "onCancel"])) : U("", !0),
+        i("span", {
+          class: ie([d.value, "flex whitespace-nowrap"])
         }, [
-          a("span", {
+          i("span", {
             class: "flex",
-            innerHTML: v.value
-          }, null, 8, No)
+            innerHTML: f.value
+          }, null, 8, Bo)
         ], 2),
-        y(ko, {
-          hovering: r(j),
-          "disable-edit": r($).disableEdit || r(E),
-          data: _.data,
-          depth: _.depth,
-          onEnableEditInput: r(V),
+        x(Ho, {
+          hovering: r(O),
+          "disable-edit": r(k).disableEdit || r(V),
+          data: g.data,
+          depth: g.depth,
+          onEnableEditInput: r(N),
           onAddNewProp: b
         }, null, 8, ["hovering", "disable-edit", "data", "depth", "onEnableEditInput"])
       ], 6),
-      x.value && r(c).includes(`${_.depth}-${_.index}`) ? (p(), g("div", Ao, [
-        y(Pt, {
+      y.value && r(u).includes(`${g.depth}-${g.index}`) ? (p(), h("div", Zo, [
+        x(Ot, {
           data: m.value,
-          depth: _.depth,
-          index: _.index
+          depth: g.depth,
+          index: g.index
         }, null, 8, ["data", "depth", "index"]),
-        C.value > n.value ? q((p(), F(r(ce), {
+        C.value > n.value ? J((p(), z(r(de), {
           key: 0,
           flat: "",
           size: "mini",
           class: "ml-4",
-          onClick: A[2] || (A[2] = (U) => n.value += Ct)
+          onClick: A[2] || (A[2] = (F) => n.value += St)
         }, {
-          icon: H(() => [
-            y(r(ne), { icon: "i-material-symbols-more-horiz" })
+          icon: M(() => [
+            x(r(se), { icon: "i-material-symbols-more-horiz" })
           ]),
           _: 1
         })), [
           [r(Q), "Show more"]
-        ]) : z("", !0),
-        r(T).enable ? (p(), g("div", {
+        ]) : U("", !0),
+        r(T).enable ? (p(), h("div", {
           key: 1,
-          style: ke({ paddingLeft: `${(_.depth + 1) * 15 + 4}px` })
+          style: Ie({ paddingLeft: `${(g.depth + 1) * 15 + 4}px` })
         }, [
-          a("span", Ro, [
-            y(Ke, {
+          i("span", Fo, [
+            x(Ye, {
               modelValue: r(T).key,
-              "onUpdate:modelValue": A[3] || (A[3] = (U) => r(T).key = U),
+              "onUpdate:modelValue": A[3] || (A[3] = (F) => r(T).key = F),
               "show-actions": !1
             }, null, 8, ["modelValue"])
           ]),
-          Do,
-          y(Ke, {
+          Go,
+          x(Ye, {
             modelValue: r(T).value,
-            "onUpdate:modelValue": A[4] || (A[4] = (U) => r(T).value = U),
+            "onUpdate:modelValue": A[4] || (A[4] = (F) => r(T).value = F),
             "auto-focus": !1,
             onCancel: r(P),
-            onSubmit: k
+            onSubmit: S
           }, null, 8, ["modelValue", "onCancel"])
-        ], 4)) : z("", !0)
-      ])) : z("", !0)
+        ], 4)) : U("", !0)
+      ])) : U("", !0)
     ]));
   }
-}), Mo = /* @__PURE__ */ ye(Po, [["__scopeId", "data-v-e1338684"]]), Pt = /* @__PURE__ */ G({
+}), Wo = /* @__PURE__ */ ye(Ko, [["__scopeId", "data-v-e1338684"]]), Ot = /* @__PURE__ */ B({
   __name: "ChildStateViewer",
   props: {
     data: {},
@@ -1231,24 +1238,24 @@ const Dt = (t) => (Xe("data-v-e1338684"), t = t(), Qe(), t), So = {
     expandedStateId: { default: "" }
   },
   setup(t) {
-    return (e, n) => (p(), g("div", null, [
-      (p(!0), g(oe, null, fe(e.data, (o, s) => (p(), g("div", { key: s }, [
-        y(Mo, {
+    return (e, n) => (p(), h("div", null, [
+      (p(!0), h(te, null, ae(e.data, (o, l) => (p(), h("div", { key: l }, [
+        x(Wo, {
           data: o,
           depth: e.depth + 1,
-          index: `${e.index}-${s}`,
+          index: `${e.index}-${l}`,
           "expanded-state-id": e.expandedStateId
         }, null, 8, ["data", "depth", "index", "expanded-state-id"])
       ]))), 128))
     ]));
   }
-}), Ho = ["onClick"], Lo = {
+}), qo = ["onClick"], Jo = {
   key: 1,
   pl5: ""
-}, Oo = {
+}, Yo = {
   "font-state-field": "",
   "text-3.5": ""
-}, jo = { key: 0 }, Ne = /* @__PURE__ */ G({
+}, Xo = { key: 0 }, Pe = /* @__PURE__ */ B({
   __name: "RootStateViewer",
   props: {
     data: {},
@@ -1266,88 +1273,88 @@ const Dt = (t) => (Xe("data-v-e1338684"), t = t(), Qe(), t), So = {
         disableEdit: e.disableEdit
       };
     }
-    const { context: o } = Co(n());
-    $t(() => {
+    const { context: o } = No(n());
+    nt(() => {
       o.value = n();
     });
-    const { expanded: s, toggleExpanded: l } = it(e.expandedStateId);
-    return (c, i) => (p(), g("div", null, [
-      (p(!0), g(oe, null, fe(c.data, (u, C, f) => (p(), g("div", { key: f }, [
-        a("div", {
-          class: ie(["flex items-center", [(u == null ? void 0 : u.length) && "cursor-pointer hover:bg-active"]]),
-          onClick: (d) => r(l)(`${f}`)
+    const { expanded: l, toggleExpanded: s } = ft(e.expandedStateId);
+    return (u, c) => (p(), h("div", null, [
+      (p(!0), h(te, null, ae(u.data, (d, C, v) => (p(), h("div", { key: v }, [
+        i("div", {
+          class: ie(["flex items-center", [(d == null ? void 0 : d.length) && "cursor-pointer hover:bg-active"]]),
+          onClick: (a) => r(s)(`${v}`)
         }, [
-          u != null && u.length ? (p(), F(at, {
+          d != null && d.length ? (p(), z(pt, {
             key: 0,
-            value: r(s).includes(`${f}`)
-          }, null, 8, ["value"])) : (p(), g("span", Lo)),
-          a("span", Oo, ae(C), 1)
-        ], 10, Ho),
-        u != null && u.length && r(s).includes(`${f}`) ? (p(), g("div", jo, [
-          y(Pt, {
-            data: u,
-            index: `${f}`,
-            "expanded-state-id": c.expandedStateId
+            value: r(l).includes(`${v}`)
+          }, null, 8, ["value"])) : (p(), h("span", Jo)),
+          i("span", Yo, oe(C), 1)
+        ], 10, qo),
+        d != null && d.length && r(l).includes(`${v}`) ? (p(), h("div", Xo, [
+          x(Ot, {
+            data: d,
+            index: `${v}`,
+            "expanded-state-id": u.expandedStateId
           }, null, 8, ["data", "index", "expanded-state-id"])
-        ])) : z("", !0)
+        ])) : U("", !0)
       ]))), 128))
     ]));
   }
 });
-function zo(t, e) {
+function Qo(t, e) {
   const n = new Date(t);
   return `${n.toString().match(/\d\d:\d\d:\d\d/)[0]}${e === "ms" ? `.${String(n.getMilliseconds()).padStart(3, "0")}` : ""}`;
 }
-function Uo(t, e) {
-  const n = /* @__PURE__ */ new Map(), o = Ht(t, e.toLowerCase(), n, 0);
+function e1(t, e) {
+  const n = /* @__PURE__ */ new Map(), o = zt(t, e.toLowerCase(), n, 0);
   return n.clear(), o;
 }
-const Mt = 10;
-function Ht(t, e, n, o) {
-  if (o > Mt)
+const Ut = 10;
+function zt(t, e, n, o) {
+  if (o > Ut)
     return !1;
-  let s = !1;
-  const l = Object.keys(t);
-  let c, i;
-  for (let u = 0; u < l.length && (c = l[u], i = t[c], s = Lt(e, c, i, n, o + 1), !s); u++)
+  let l = !1;
+  const s = Object.keys(t);
+  let u, c;
+  for (let d = 0; d < s.length && (u = s[d], c = t[u], l = Bt(e, u, c, n, o + 1), !l); d++)
     ;
-  return s;
+  return l;
 }
-function Lt(t, e, n, o, s) {
-  let l = !1, c;
-  return e === "_custom" && (e = n.display, n = n.value), (c = Bo(n)) && (n = c), e && xt(e, t) ? (l = !0, o.set(n, !0)) : o.has(n) ? l = o.get(n) : Array.isArray(n) ? (o.set(n, null), l = Zo(n, t, o, s), o.set(n, l)) : en(n) ? (o.set(n, null), l = Ht(n, t, o, s), o.set(n, l)) : xt(n, t) && (l = !0, o.set(n, !0)), l;
+function Bt(t, e, n, o, l) {
+  let s = !1, u;
+  return e === "_custom" && (e = n.display, n = n.value), (u = t1(n)) && (n = u), e && Tt(e, t) ? (s = !0, o.set(n, !0)) : o.has(n) ? s = o.get(n) : Array.isArray(n) ? (o.set(n, null), s = n1(n, t, o, l), o.set(n, s)) : dn(n) ? (o.set(n, null), s = zt(n, t, o, l), o.set(n, s)) : Tt(n, t) && (s = !0, o.set(n, !0)), s;
 }
-function xt(t, e) {
+function Tt(t, e) {
   return `${t}`.toLowerCase().includes(e);
 }
-function Bo(t) {
-  return t === null ? "null" : t === tn ? "undefined" : t === nn ? "NaN" : t === on ? "Infinity" : t === sn ? "-Infinity" : !1;
+function t1(t) {
+  return t === null ? "null" : t === pn ? "undefined" : t === fn ? "NaN" : t === vn ? "Infinity" : t === hn ? "-Infinity" : !1;
 }
-function Zo(t, e, n, o) {
-  if (o > Mt)
+function n1(t, e, n, o) {
+  if (o > Ut)
     return !1;
-  let s = !1, l;
-  for (let c = 0; c < t.length && (l = t[c], s = Lt(e, null, l, n, o + 1), !s); c++)
+  let l = !1, s;
+  for (let u = 0; u < t.length && (s = t[u], l = Bt(e, null, s, n, o + 1), !l); u++)
     ;
-  return s;
+  return l;
 }
-function yt(t) {
+function Et(t) {
   return t.toString(16).padStart(6, "0");
 }
-const Fo = /* @__PURE__ */ G({
+const Zt = /* @__PURE__ */ B({
   __name: "NodeTag",
   props: {
     tag: {}
   },
   setup(t) {
-    return (e, n) => q((p(), g("span", {
-      style: ke({
-        color: `#${r(yt)(e.tag.textColor)}`,
-        backgroundColor: `#${r(yt)(e.tag.backgroundColor)}`
+    return (e, n) => J((p(), h("span", {
+      style: Ie({
+        color: `#${r(Et)(e.tag.textColor)}`,
+        backgroundColor: `#${r(Et)(e.tag.backgroundColor)}`
       }),
       class: "ml-2 rounded-sm px-1 text-[0.75rem] leading-snug"
     }, [
-      te(ae(e.tag.label), 1)
+      ne(oe(e.tag.label), 1)
     ], 4)), [
       [r(Q), {
         content: e.tag.tooltip,
@@ -1355,15 +1362,15 @@ const Fo = /* @__PURE__ */ G({
       }]
     ]);
   }
-}), Ot = Symbol("SelectedSymbolKey");
-function Go() {
+}), Ft = Symbol("SelectedSymbolKey");
+function o1() {
   const t = I("");
-  return $e(Ot, t), {
+  return ke(Ft, t), {
     selected: t
   };
 }
-function Ko() {
-  const t = Ce(Ot, I(""));
+function s1() {
+  const t = Ce(Ft, I(""));
   function e(n) {
     t.value = n;
   }
@@ -1372,24 +1379,24 @@ function Ko() {
     select: e
   };
 }
-const Wo = ["onClick", "onDblclick"], Jo = {
+const l1 = ["onClick", "onDblclick"], a1 = {
   key: 1,
   pl5: ""
-}, qo = {
+}, i1 = {
   "font-state-field": "",
   "text-3.5": ""
-}, Yo = {
+}, r1 = {
   key: 0,
   class: "text-gray-400 dark:text-gray-600 group-hover:text-white group-hover:op50 [.active_&]:op50 [.active_&]:text-white!"
-}, Xo = {
+}, u1 = {
   "group-hover:text-white": "",
   class: "ws-nowrap [.active_&]:text-white"
-}, Qo = {
+}, c1 = {
   key: 1,
   class: "text-gray-400 dark:text-gray-600 group-hover:text-white group-hover:op50 [.active_&]:op50 [.active_&]:text-white!"
-}, e1 = { key: 0 }, Ae = /* @__PURE__ */ G({
+}, d1 = { key: 0 }, Me = /* @__PURE__ */ B({
   __name: "TreeViewer",
-  props: /* @__PURE__ */ kt({
+  props: /* @__PURE__ */ Ze({
     data: {},
     depth: { default: 0 },
     withTag: { type: Boolean, default: !1 }
@@ -1399,201 +1406,201 @@ const Wo = ["onClick", "onDblclick"], Jo = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = It(t, "modelValue"), { expanded: n, toggleExpanded: o } = it();
-    Ko();
-    function s(c) {
-      return "name" in c && (c == null ? void 0 : c.name) || "label" in c && c.label;
+    const e = lt(t, "modelValue"), { expanded: n, toggleExpanded: o } = ft();
+    s1();
+    function l(u) {
+      return "name" in u && (u == null ? void 0 : u.name) || "label" in u && u.label;
     }
-    function l(c) {
-      e.value = c;
+    function s(u) {
+      e.value = u;
     }
-    return (c, i) => (p(!0), g(oe, null, fe(c.data, (u, C) => {
-      var f, d;
-      return p(), g("div", {
+    return (u, c) => (p(!0), h(te, null, ae(u.data, (d, C) => {
+      var v, a;
+      return p(), h("div", {
         key: C,
         class: ie({
-          "min-w-max": c.depth === 0
+          "min-w-max": u.depth === 0
         })
       }, [
-        a("div", {
-          class: ie(["group flex cursor-pointer items-center rounded-1 hover:bg-primary-300 hover:dark:bg-gray-600", { "bg-primary-600! active": e.value === u.id }]),
-          style: ke({ paddingLeft: `${15 * c.depth + 4}px` }),
-          onClick: (v) => l(u.id),
-          onDblclick: (v) => r(o)(u.id)
+        i("div", {
+          class: ie(["group flex cursor-pointer items-center rounded-1 hover:bg-primary-300 hover:dark:bg-gray-600", { "bg-primary-600! active": e.value === d.id }]),
+          style: Ie({ paddingLeft: `${15 * u.depth + 4}px` }),
+          onClick: (f) => s(d.id),
+          onDblclick: (f) => r(o)(d.id)
         }, [
-          (f = u == null ? void 0 : u.children) != null && f.length ? (p(), F(at, {
+          (v = d == null ? void 0 : d.children) != null && v.length ? (p(), z(pt, {
             key: 0,
-            value: r(n).includes(u.id),
+            value: r(n).includes(d.id),
             class: "[.active_&]:op20 group-hover:op20",
-            onClick: pe((v) => r(o)(u.id), ["stop"])
-          }, null, 8, ["value", "onClick"])) : (p(), g("span", Jo)),
-          a("span", qo, [
-            c.withTag ? (p(), g("span", Yo, "<")) : z("", !0),
-            a("span", Xo, ae(s(u)), 1),
-            c.withTag ? (p(), g("span", Qo, ">")) : z("", !0)
+            onClick: fe((f) => r(o)(d.id), ["stop"])
+          }, null, 8, ["value", "onClick"])) : (p(), h("span", a1)),
+          i("span", i1, [
+            u.withTag ? (p(), h("span", r1, "<")) : U("", !0),
+            i("span", u1, oe(l(d)), 1),
+            u.withTag ? (p(), h("span", c1, ">")) : U("", !0)
           ]),
-          (p(!0), g(oe, null, fe(u.tags, (v, m) => (p(), F(Fo, {
+          (p(!0), h(te, null, ae(d.tags, (f, m) => (p(), z(Zt, {
             key: m,
-            tag: v
+            tag: f
           }, null, 8, ["tag"]))), 128))
-        ], 46, Wo),
-        (d = u == null ? void 0 : u.children) != null && d.length && r(n).includes(u.id) ? (p(), g("div", e1, [
-          y(Ae, {
+        ], 46, l1),
+        (a = d == null ? void 0 : d.children) != null && a.length && r(n).includes(d.id) ? (p(), h("div", d1, [
+          x(Me, {
             modelValue: e.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (v) => e.value = v),
-            data: u == null ? void 0 : u.children,
-            depth: c.depth + 1,
-            "with-tag": c.withTag
+            "onUpdate:modelValue": c[0] || (c[0] = (f) => e.value = f),
+            data: d == null ? void 0 : d.children,
+            depth: u.depth + 1,
+            "with-tag": u.withTag
           }, null, 8, ["modelValue", "data", "depth", "with-tag"])
-        ])) : z("", !0)
+        ])) : U("", !0)
       ], 2);
     }), 128));
   }
-}), t1 = { class: "h-full flex flex-col" }, n1 = { class: "h-full flex flex-col p2" }, o1 = {
+}), p1 = { class: "h-full flex flex-col" }, f1 = { class: "h-full flex flex-col p2" }, v1 = {
   key: 0,
   class: "mb-1 flex justify-end pb-1",
   border: "b dashed base"
-}, s1 = { class: "flex items-center gap-2 px-1" }, l1 = ["onClick"], a1 = { class: "no-scrollbar flex-1 select-none overflow-scroll" }, i1 = { class: "h-full flex flex-col p2" }, r1 = {
+}, h1 = { class: "flex items-center gap-2 px-1" }, m1 = ["onClick"], _1 = { class: "no-scrollbar flex-1 select-none overflow-scroll" }, g1 = { class: "h-full flex flex-col p2" }, C1 = {
   key: 0,
   class: "mb-1 flex justify-end pb-1",
   border: "b dashed base"
-}, c1 = { class: "flex items-center gap-2 px-1" }, u1 = ["onClick"], de = "pinia", d1 = /* @__PURE__ */ G({
+}, x1 = { class: "flex items-center gap-2 px-1" }, y1 = ["onClick"], pe = "pinia", b1 = /* @__PURE__ */ B({
   __name: "Index",
   setup(t) {
-    const { expanded: e } = ve(), { expanded: n } = ve("pinia-store-state"), o = I([]), s = I([]), l = I(""), c = I([]), i = D(() => {
+    const { expanded: e } = ve(), { expanded: n } = ve("pinia-store-state"), o = I([]), l = I([]), s = I(""), u = I([]), c = D(() => {
       var T, P;
-      return (T = c.value) != null && T.length ? v((P = c.value) == null ? void 0 : P[0]) : [];
-    }), u = D(() => x(c.value)), C = D(() => u.value.map((T) => T.id)), f = I({}), d = D(() => {
+      return (T = u.value) != null && T.length ? f((P = u.value) == null ? void 0 : P[0]) : [];
+    }), d = D(() => y(u.value)), C = D(() => d.value.map((T) => T.id)), v = I({}), a = D(() => {
       var T, P;
-      return !((T = f.value.state) != null && T.length) && !((P = f.value.getters) != null && P.length);
+      return !((T = v.value.state) != null && T.length) && !((P = v.value.getters) != null && P.length);
     });
-    function v(T, P = [], b = []) {
-      var k;
-      return P.push(T.id), ((k = T.children) == null ? void 0 : k.length) === 0 && b.push([...P]), Array.isArray(T.children) && T.children.forEach((_) => {
-        v(_, P, b);
+    function f(T, P = [], b = []) {
+      var S;
+      return P.push(T.id), ((S = T.children) == null ? void 0 : S.length) === 0 && b.push([...P]), Array.isArray(T.children) && T.children.forEach((g) => {
+        f(g, P, b);
       }), P.pop(), b;
     }
     function m(T, P) {
       const b = [];
-      return T == null || T.forEach((k) => {
-        b.push(...k.slice(0, P + 1));
+      return T == null || T.forEach((S) => {
+        b.push(...S.slice(0, P + 1));
       }), [...new Set(b)];
     }
-    function x(T) {
-      const P = [], b = (k) => {
-        k == null || k.forEach((_) => {
+    function y(T) {
+      const P = [], b = (S) => {
+        S == null || S.forEach((g) => {
           var A;
-          P.push(_), (A = _.children) != null && A.length && b(_.children);
+          P.push(g), (A = g.children) != null && A.length && b(g.children);
         });
       };
       return b(T), P;
     }
-    function h() {
-      R.value.getInspectorNodeActions(de).then((T) => {
+    function _() {
+      R.value.getInspectorNodeActions(pe).then((T) => {
         o.value = T;
       });
     }
-    function $() {
-      R.value.getInspectorActions(de).then((T) => {
-        s.value = T;
+    function k() {
+      R.value.getInspectorActions(pe).then((T) => {
+        l.value = T;
       });
     }
-    h(), $();
-    function j(T) {
-      R.value.callInspectorNodeAction(de, T, l.value);
+    _(), k();
+    function O(T) {
+      R.value.callInspectorNodeAction(pe, T, s.value);
     }
-    function L(T) {
-      R.value.callInspectorAction(de, T);
+    function j(T) {
+      R.value.callInspectorAction(pe, T);
     }
-    function E(T) {
+    function V(T) {
       var P;
       for (const b in T)
         (P = T[b]) != null && P.length || delete T[b];
       return T;
     }
-    function w(T) {
-      R.value.getInspectorState({ inspectorId: de, nodeId: T }).then((P) => {
+    function $(T) {
+      R.value.getInspectorState({ inspectorId: pe, nodeId: T }).then((P) => {
         const b = Y(P);
-        b && (f.value = E(b), n.value = Array.from({ length: Object.keys(f.value).length }, (k, _) => `${_}`));
+        b && (v.value = V(b), n.value = Array.from({ length: Object.keys(v.value).length }, (S, g) => `${g}`));
       });
     }
-    function V() {
-      f.value = {};
+    function N() {
+      v.value = {};
     }
-    X(l, () => {
-      V(), w(l.value);
+    X(s, () => {
+      N(), $(s.value);
     }), (() => {
-      R.value.getInspectorTree({ inspectorId: de, filter: "" }).then((T) => {
+      R.value.getInspectorTree({ inspectorId: pe, filter: "" }).then((T) => {
         const P = Y(T);
-        c.value = P, !l.value && P.length && (l.value = P[0].id, w(P[0].id), e.value = m(i.value, 1));
+        u.value = P, !s.value && P.length && (s.value = P[0].id, $(P[0].id), e.value = m(c.value, 1));
       });
     })();
     function K(T) {
       const P = Y(T);
-      P.inspectorId !== de || !P.rootNodes.length || (c.value = P.rootNodes, C.value.includes(l.value) || (l.value = P.rootNodes[0].id, e.value = m(i.value, 1), w(P.rootNodes[0].id)));
+      P.inspectorId !== pe || !P.rootNodes.length || (u.value = P.rootNodes, C.value.includes(s.value) || (s.value = P.rootNodes[0].id, e.value = m(c.value, 1), $(P.rootNodes[0].id)));
     }
-    function B(T) {
+    function Z(T) {
       const P = Y(T);
-      if (P.inspectorId !== de)
+      if (P.inspectorId !== pe)
         return;
       const b = P.state;
-      f.value = E({
+      v.value = V({
         state: b.state,
         getters: b.getters
       });
     }
-    return R.functions.on(W.INSPECTOR_TREE_UPDATED, K), R.functions.on(W.INSPECTOR_STATE_UPDATED, B), xe(() => {
-      R.functions.off(W.INSPECTOR_TREE_UPDATED, K), R.functions.off(W.INSPECTOR_STATE_UPDATED, B);
-    }), (T, P) => (p(), g("div", t1, [
-      y(Ze, {
+    return R.functions.on(W.INSPECTOR_TREE_UPDATED, K), R.functions.on(W.INSPECTOR_STATE_UPDATED, Z), xe(() => {
+      R.functions.off(W.INSPECTOR_TREE_UPDATED, K), R.functions.off(W.INSPECTOR_STATE_UPDATED, Z);
+    }), (T, P) => (p(), h("div", p1, [
+      x(Te, {
         "doc-link": "https://pinia.vuejs.org/",
         "github-repo-link": "https://github.com/vuejs/pinia"
       }, {
-        default: H(() => [
-          y(Be)
+        default: M(() => [
+          x(Se)
         ]),
         _: 1
       }),
-      y(r(Ee), { class: "flex-1 overflow-auto" }, {
-        default: H(() => [
-          y(r(ue), {
+      x(r(Ae), { class: "flex-1 overflow-auto" }, {
+        default: M(() => [
+          x(r(ue), {
             border: "r base",
             size: "40",
             "h-full": ""
           }, {
-            default: H(() => {
+            default: M(() => {
               var b;
               return [
-                a("div", n1, [
-                  (b = s.value) != null && b.length ? (p(), g("div", o1, [
-                    a("div", s1, [
-                      (p(!0), g(oe, null, fe(s.value, (k, _) => q((p(), g("div", {
-                        key: _,
+                i("div", f1, [
+                  (b = l.value) != null && b.length ? (p(), h("div", v1, [
+                    i("div", h1, [
+                      (p(!0), h(te, null, ae(l.value, (S, g) => J((p(), h("div", {
+                        key: g,
                         class: "flex items-center gap1",
-                        onClick: (A) => L(_)
+                        onClick: (A) => j(g)
                       }, [
-                        a("i", {
-                          class: ie(`i-ic-baseline-${k.icon.replace(/\_/g, "-")}`),
+                        i("i", {
+                          class: ie(`i-ic-baseline-${S.icon.replace(/\_/g, "-")}`),
                           "cursor-pointer": "",
                           op70: "",
                           "text-base": "",
                           "hover:op100": ""
                         }, null, 2)
-                      ], 8, l1)), [
+                      ], 8, m1)), [
                         [
                           r(Q),
-                          { content: k.tooltip },
+                          { content: S.tooltip },
                           void 0,
                           { "bottom-end": !0 }
                         ]
                       ])), 128))
                     ])
-                  ])) : z("", !0),
-                  a("div", a1, [
-                    y(Ae, {
-                      modelValue: l.value,
-                      "onUpdate:modelValue": P[0] || (P[0] = (k) => l.value = k),
-                      data: c.value
+                  ])) : U("", !0),
+                  i("div", _1, [
+                    x(Me, {
+                      modelValue: s.value,
+                      "onUpdate:modelValue": P[0] || (P[0] = (S) => s.value = S),
+                      data: u.value
                     }, null, 8, ["modelValue", "data"])
                   ])
                 ])
@@ -1601,45 +1608,45 @@ const Wo = ["onClick", "onDblclick"], Jo = {
             }),
             _: 1
           }),
-          y(r(ue), { size: "60" }, {
-            default: H(() => {
+          x(r(ue), { size: "60" }, {
+            default: M(() => {
               var b;
               return [
-                a("div", i1, [
-                  (b = o.value) != null && b.length ? (p(), g("div", r1, [
-                    a("div", c1, [
-                      (p(!0), g(oe, null, fe(o.value, (k, _) => q((p(), g("div", {
-                        key: _,
+                i("div", g1, [
+                  (b = o.value) != null && b.length ? (p(), h("div", C1, [
+                    i("div", x1, [
+                      (p(!0), h(te, null, ae(o.value, (S, g) => J((p(), h("div", {
+                        key: g,
                         class: "flex items-center gap1",
-                        onClick: (A) => j(_)
+                        onClick: (A) => O(g)
                       }, [
-                        a("i", {
-                          class: ie(`i-ic-baseline-${k.icon.replace(/\_/g, "-")}`),
+                        i("i", {
+                          class: ie(`i-ic-baseline-${S.icon.replace(/\_/g, "-")}`),
                           "cursor-pointer": "",
                           op70: "",
                           "text-base": "",
                           "hover:op100": ""
                         }, null, 2)
-                      ], 8, u1)), [
+                      ], 8, y1)), [
                         [
                           r(Q),
-                          { content: k.tooltip },
+                          { content: S.tooltip },
                           void 0,
                           { "bottom-end": !0 }
                         ]
                       ])), 128))
                     ])
-                  ])) : z("", !0),
-                  l.value && !d.value ? (p(), F(Ne, {
+                  ])) : U("", !0),
+                  s.value && !a.value ? (p(), z(Pe, {
                     key: 1,
                     class: "no-scrollbar flex-1 select-none overflow-scroll",
-                    data: f.value,
-                    "node-id": l.value,
-                    "inspector-id": de,
+                    data: v.value,
+                    "node-id": s.value,
+                    "inspector-id": pe,
                     "expanded-state-id": "pinia-store-state"
-                  }, null, 8, ["data", "node-id"])) : (p(), F(Se, { key: 2 }, {
-                    default: H(() => [
-                      te(" No Data ")
+                  }, null, 8, ["data", "node-id"])) : (p(), z(Ne, { key: 2 }, {
+                    default: M(() => [
+                      ne(" No Data ")
                     ]),
                     _: 1
                   }))
@@ -1653,22 +1660,22 @@ const Wo = ["onClick", "onDblclick"], Jo = {
       })
     ]));
   }
-}), p1 = { class: "p3" }, f1 = ["onClick"], v1 = {
+}), $1 = { class: "p3" }, w1 = ["onClick"], k1 = {
   key: 0,
   class: "absolute left-5px top-4.5 h10 w0 border-l-2",
   border: "solid gray2"
-}, h1 = { class: "h-full flex items-center truncate pl5" }, m1 = {
+}, I1 = { class: "h-full flex items-center truncate pl5" }, S1 = {
   absolute: "",
   "top-5": "",
   pr2: "",
   "text-3": "",
   op40: ""
-}, _1 = {
+}, T1 = {
   pl2: "",
   op30: ""
-}, g1 = /* @__PURE__ */ G({
+}, E1 = /* @__PURE__ */ B({
   __name: "EventList",
-  props: /* @__PURE__ */ kt({
+  props: /* @__PURE__ */ Ze({
     data: {}
   }, {
     modelValue: {},
@@ -1676,20 +1683,20 @@ const Wo = ["onClick", "onDblclick"], Jo = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, n = It(t, "modelValue"), o = ["#3e5770", "#42b983", "#0098c4"], s = I(null), l = D(() => {
-      let c = -1, i = 0;
-      return e.data.forEach((u, C) => {
-        (u.groupId !== i || c === -1) && (c = (c + 1) % o.length), i = u.groupId ?? i, u.id = C, u.color = o[c];
+    const e = t, n = lt(t, "modelValue"), o = ["#3e5770", "#42b983", "#0098c4"], l = I(null), s = D(() => {
+      let u = -1, c = 0;
+      return e.data.forEach((d, C) => {
+        (d.groupId !== c || u === -1) && (u = (u + 1) % o.length), c = d.groupId ?? c, d.id = C, d.color = o[u];
       }), e.data;
     });
-    return X(() => l.value.length, (c) => {
-      var i;
-      (i = s.value) == null || i.scrollToItem(c - 1);
-    }, { flush: "post" }), (c, i) => (p(), g("div", p1, [
-      y(r(dn), {
+    return X(() => s.value.length, (u) => {
+      var c;
+      (c = l.value) == null || c.scrollToItem(u - 1);
+    }, { flush: "post" }), (u, c) => (p(), h("div", $1, [
+      x(r($n), {
         ref_key: "scrollerRef",
-        ref: s,
-        items: l.value,
+        ref: l,
+        items: s.value,
         "min-item-size": 52,
         "key-field": "id",
         "page-mode": "",
@@ -1697,42 +1704,42 @@ const Wo = ["onClick", "onDblclick"], Jo = {
         "list-tag": "ul",
         buffer: 20
       }, {
-        default: H(({ item: u }) => [
-          a("div", {
+        default: M(({ item: d }) => [
+          i("div", {
             class: "relative mb7 h6 cursor-pointer",
-            style: ke({ color: n.value === u.id ? u.color : "" }),
-            onClick: (C) => n.value = u.id
+            style: Ie({ color: n.value === d.id ? d.color : "" }),
+            onClick: (C) => n.value = d.id
           }, [
-            a("span", {
+            i("span", {
               class: "absolute top-1.5 inline-block h3 w3 b rounded-50%",
-              style: ke({ border: `3px solid ${u.color}` })
+              style: Ie({ border: `3px solid ${d.color}` })
             }, null, 4),
-            u.id < c.data.length - 1 ? (p(), g("span", v1)) : z("", !0),
-            a("p", h1, [
-              a("span", m1, "[" + ae(r(zo)(u.time)) + "]", 1),
-              te(" " + ae(u.title) + " ", 1),
-              a("span", _1, ae(u.subtitle), 1)
+            d.id < u.data.length - 1 ? (p(), h("span", k1)) : U("", !0),
+            i("p", I1, [
+              i("span", S1, "[" + oe(r(Qo)(d.time)) + "]", 1),
+              ne(" " + oe(d.title) + " ", 1),
+              i("span", T1, oe(d.subtitle), 1)
             ])
-          ], 12, f1)
+          ], 12, w1)
         ]),
         _: 1
       }, 8, ["items"])
     ]));
   }
-}), C1 = { class: "h-full flex flex-col" }, x1 = {
+}), V1 = { class: "h-full flex flex-col" }, N1 = {
   key: 0,
   class: "flex-1 overflow-hidden"
-}, y1 = {
+}, R1 = {
   "h-full": "",
   "select-none": "",
   "overflow-scroll": "",
   class: "no-scrollbar"
-}, b1 = {
+}, A1 = {
   "h-full": "",
   "select-none": "",
   "overflow-scroll": "",
   class: "no-scrollbar"
-}, rt = /* @__PURE__ */ G({
+}, vt = /* @__PURE__ */ B({
   __name: "index",
   props: {
     layerIds: {},
@@ -1742,82 +1749,82 @@ const Wo = ["onClick", "onDblclick"], Jo = {
   setup(t) {
     const e = t, { expanded: n } = ve("timeline-state");
     n.value = ["0", "1"];
-    const o = I([]), s = I(/* @__PURE__ */ new Map()), l = I(0), c = D(() => o.value[l.value] ?? null), i = D(() => {
+    const o = I([]), l = I(/* @__PURE__ */ new Map()), s = I(0), u = D(() => o.value[s.value] ?? null), c = D(() => {
       var m;
-      const v = [];
-      for (const x in (m = c.value) == null ? void 0 : m.data)
-        v.push({
-          key: x,
-          type: x,
+      const f = [];
+      for (const y in (m = u.value) == null ? void 0 : m.data)
+        f.push({
+          key: y,
+          type: y,
           editable: !1,
-          value: c.value.data[x]
+          value: u.value.data[y]
         });
-      return v;
-    }), u = D(() => {
-      var x, h, $;
-      const v = (x = c.value) == null ? void 0 : x.groupId, m = s.value.get(v);
+      return f;
+    }), d = D(() => {
+      var y, _, k;
+      const f = (y = u.value) == null ? void 0 : y.groupId, m = l.value.get(f);
       if (m) {
-        const j = ((h = m[m.length - 1]) == null ? void 0 : h.time) - ((($ = m[0]) == null ? void 0 : $.time) ?? 0);
+        const O = ((_ = m[m.length - 1]) == null ? void 0 : _.time) - (((k = m[0]) == null ? void 0 : k.time) ?? 0);
         return [{
           key: "events",
           type: "events",
           editable: !1,
           value: m.length
-        }, j && {
+        }, O && {
           key: "duration",
           type: "duration",
           editable: !1,
-          value: `${j}ms`
+          value: `${O}ms`
         }].filter(Boolean);
       }
-    }), C = D(() => ({ "Event Info": i.value, ...u.value && { "Group Info": u.value } }));
-    function f(v) {
-      var x;
-      const m = v.groupId;
-      m !== void 0 && (s.value.set(m, s.value.get(m) ?? []), (x = s.value.get(m)) == null || x.push(v));
-    }
-    function d(v) {
-      const m = Y(v);
+    }), C = D(() => ({ "Event Info": c.value, ...d.value && { "Group Info": d.value } }));
+    function v(f) {
+      var y;
+      const m = f.groupId;
+      m !== void 0 && (l.value.set(m, l.value.get(m) ?? []), (y = l.value.get(m)) == null || y.push(f));
+    }
+    function a(f) {
+      const m = Y(f);
       if (!m)
         return;
-      const { layerId: x, event: h } = m;
-      e.layerIds.includes(x) && (o.value.push(h), f(h));
-    }
-    return R.functions.on(W.TIMELINE_EVENT_UPDATED, d), xe(() => {
-      R.functions.off(W.TIMELINE_EVENT_UPDATED, d);
-    }), (v, m) => (p(), g("div", C1, [
-      y(Ze, {
-        "doc-link": v.docLink,
-        "github-repo-link": v.githubRepoLink
+      const { layerId: y, event: _ } = m;
+      e.layerIds.includes(y) && (o.value.push(_), v(_));
+    }
+    return R.functions.on(W.TIMELINE_EVENT_UPDATED, a), xe(() => {
+      R.functions.off(W.TIMELINE_EVENT_UPDATED, a);
+    }), (f, m) => (p(), h("div", V1, [
+      x(Te, {
+        "doc-link": f.docLink,
+        "github-repo-link": f.githubRepoLink
       }, {
-        default: H(() => [
-          y(Be)
+        default: M(() => [
+          x(Se)
         ]),
         _: 1
       }, 8, ["doc-link", "github-repo-link"]),
-      o.value.length ? (p(), g("div", x1, [
-        y(r(Ee), { class: "h-full" }, {
-          default: H(() => [
-            y(r(ue), {
+      o.value.length ? (p(), h("div", N1, [
+        x(r(Ae), { class: "h-full" }, {
+          default: M(() => [
+            x(r(ue), {
               border: "r base",
               size: "40",
               "h-full": ""
             }, {
-              default: H(() => [
-                a("div", y1, [
-                  y(g1, {
-                    modelValue: l.value,
-                    "onUpdate:modelValue": m[0] || (m[0] = (x) => l.value = x),
+              default: M(() => [
+                i("div", R1, [
+                  x(E1, {
+                    modelValue: s.value,
+                    "onUpdate:modelValue": m[0] || (m[0] = (y) => s.value = y),
                     data: o.value
                   }, null, 8, ["modelValue", "data"])
                 ])
               ]),
               _: 1
             }),
-            y(r(ue), { size: "60" }, {
-              default: H(() => [
-                a("div", b1, [
-                  y(Ne, {
+            x(r(ue), { size: "60" }, {
+              default: M(() => [
+                i("div", A1, [
+                  x(Pe, {
                     class: "p3",
                     data: C.value,
                     "node-id": "",
@@ -1832,60 +1839,179 @@ const Wo = ["onClick", "onDblclick"], Jo = {
           ]),
           _: 1
         })
-      ])) : (p(), F(Se, {
+      ])) : (p(), z(Ne, {
         key: 1,
         class: "flex-1"
       }, {
-        default: H(() => [
-          te(" No events ")
+        default: M(() => [
+          ne(" No events ")
         ]),
         _: 1
       }))
     ]));
   }
-}), w1 = /* @__PURE__ */ G({
+}), D1 = /* @__PURE__ */ B({
   __name: "Index",
   setup(t) {
     const e = ["pinia:mutations"];
-    return (n, o) => (p(), F(rt, {
+    return (n, o) => (p(), z(vt, {
       "layer-ids": e,
       "doc-link": "https://pinia.vuejs.org/",
       "github-repo-link": "https://github.com/vuejs/pinia"
     }));
   }
-}), $1 = {
+}), Gt = Symbol.for("VueDevToolsCustomInspectorStateSymbol");
+function be() {
+  return Ce(Gt);
+}
+function Kt() {
+  const t = I({
+    homepage: "",
+    id: "",
+    label: "",
+    logo: "",
+    timelineLayerIds: []
+  });
+  return ke(Gt, t), t;
+}
+const P1 = { class: "flex-1 overflow-y-auto p2" }, M1 = { class: "max-w-[190px] flex-1 select-none py-1.5 text-sm" }, H1 = { class: "w-4/5" }, L1 = {
+  key: 0,
+  class: "flex justify-start"
+}, j1 = {
+  flex: "~ gap-2",
+  "flex-auto": "",
+  "items-center": "",
+  "justify-start": ""
+}, O1 = {
+  capitalize: "",
+  op75: ""
+}, U1 = { key: 1 }, Wt = /* @__PURE__ */ B({
+  __name: "Settings",
+  props: {
+    pluginId: {},
+    options: {},
+    values: {}
+  },
+  emits: ["update"],
+  setup(t, { emit: e }) {
+    const n = t, o = e;
+    be();
+    const l = computed(() => n.options), s = computed(() => n.values);
+    function u(c, d) {
+      R.value.updatePluginSettings(n.pluginId, c, d), R.value.getPluginSettings(n.pluginId).then((C) => {
+        o("update", C);
+      });
+    }
+    return (c, d) => {
+      const C = ln("VueInput");
+      return p(), h("div", P1, [
+        i("ul", null, [
+          (p(!0), h(te, null, ae(r(l), (v, a) => (p(), h("li", {
+            key: a,
+            class: "flex items-center py-2"
+          }, [
+            i("div", M1, oe(v.label), 1),
+            i("div", H1, [
+              v.type === "boolean" ? (p(), h("div", L1, [
+                x(r(_n), {
+                  "model-value": r(s)[a],
+                  class: "row-reverse flex hover:bg-active py1 pl2 pr1",
+                  "onUpdate:modelValue": (f) => u(a, f)
+                }, {
+                  default: M(() => [
+                    i("div", j1, [
+                      i("span", O1, oe(c.name), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["model-value", "onUpdate:modelValue"])
+              ])) : v.type === "choice" ? (p(), h("div", U1, [
+                x(r(gn), {
+                  "model-value": r(s)[a],
+                  options: v.options,
+                  "onUpdate:modelValue": (f) => u(a, f)
+                }, null, 8, ["model-value", "options", "onUpdate:modelValue"])
+              ])) : v.type === "text" ? (p(), z(C, {
+                key: 2,
+                "model-value": r(s)[a],
+                "onUpdate:modelValue": (f) => u(a, f)
+              }, null, 8, ["model-value", "onUpdate:modelValue"])) : U("", !0)
+            ])
+          ]))), 128))
+        ])
+      ]);
+    };
+  }
+}), z1 = { class: "h-full flex flex-col" }, B1 = "pinia", Z1 = /* @__PURE__ */ B({
+  __name: "Settings",
+  setup(t) {
+    const e = inject("pluginSettings"), n = computed(() => e.value.options), o = computed(() => e.value.values);
+    function l(s) {
+      e.value = s;
+    }
+    return (s, u) => (p(), h("div", z1, [
+      x(Te, {
+        "doc-link": "https://pinia.vuejs.org/",
+        "github-repo-link": "https://github.com/vuejs/pinia"
+      }, {
+        default: M(() => [
+          x(Se)
+        ]),
+        _: 1
+      }),
+      x(Wt, {
+        "plugin-id": B1,
+        options: r(n),
+        values: r(o),
+        onUpdate: l
+      }, null, 8, ["options", "values"])
+    ]));
+  }
+}), F1 = {
   "h-full": "",
   "w-full": ""
-}, Nl = /* @__PURE__ */ G({
+}, sa = /* @__PURE__ */ B({
   __name: "index",
   setup(t) {
-    const { VirtualRouterView: e } = tt([
+    const e = ref(null);
+    provide("pluginSettings", e);
+    const n = computed(() => [
       {
         path: "/store",
         name: "Store",
-        component: d1,
+        component: b1,
         icon: "i-carbon-tree-view-alt"
       },
       {
         path: "/timeline",
         name: "Timeline",
-        component: w1,
+        component: D1,
         icon: "i-mdi:timeline-clock-outline"
       },
       {
         path: "/",
         name: "About",
-        component: Hn,
+        component: qn,
         icon: "i-logos-pinia"
+      },
+      e.value && {
+        path: "/settings",
+        name: "Settings",
+        component: Z1,
+        icon: "i-mdi:cog-outline"
       }
-    ], {
+    ].filter(Boolean)), { VirtualRouterView: o, restoreRouter: l } = it(n, {
       defaultRoutePath: "/store"
     });
-    return (n, o) => (p(), g("div", $1, [
-      y(r(e))
+    return Re(() => {
+      R.value.getPluginSettings("pinia").then((s) => {
+        s.options ? e.value = s : e.value = null;
+      });
+    }), (s, u) => (p(), h("div", F1, [
+      x(r(o))
     ]));
   }
-}), k1 = { class: "absolute left-0 top-0 h-full w-full flex flex-col rounded-br-2.5 rounded-tr-2.5 bg-white p2 dark:bg-[#121212]" }, I1 = /* @__PURE__ */ a("span", { class: "font-500" }, "Render Code", -1), T1 = { class: "flex-1 overflow-scroll text-3.5" }, S1 = /* @__PURE__ */ G({
+}), G1 = { class: "absolute left-0 top-0 h-full w-full flex flex-col rounded-br-2.5 rounded-tr-2.5 bg-white p2 dark:bg-[#121212]" }, K1 = /* @__PURE__ */ i("span", { class: "font-500" }, "Render Code", -1), W1 = { class: "flex-1 overflow-scroll text-3.5" }, q1 = /* @__PURE__ */ B({
   __name: "RenderCode",
   props: {
     code: {}
@@ -1896,243 +2022,304 @@ const Wo = ["onClick", "onDblclick"], Jo = {
     function o() {
       n("close");
     }
-    return (s, l) => (p(), g("div", k1, [
-      a("div", { class: "h-12 w-full flex items-center justify-between p-2" }, [
-        I1,
-        a("i", {
+    return (l, s) => (p(), h("div", G1, [
+      i("div", { class: "h-12 w-full flex items-center justify-between p-2" }, [
+        K1,
+        i("i", {
           class: "i-carbon-close cursor-pointer hover:op80",
           onClick: o
         })
       ]),
-      a("div", T1, [
-        y(r(an), {
-          code: s.code,
+      i("div", W1, [
+        x(r(Cn), {
+          code: l.code,
           lang: "javascript"
         }, null, 8, ["code"])
       ])
     ]));
   }
-}), Re = (t) => (Xe("data-v-ddb3f55a"), t = t(), Qe(), t), E1 = { class: "h-full w-full" }, V1 = {
+}), J1 = { class: "p2" }, Y1 = ["onClick"], X1 = /* @__PURE__ */ B({
+  __name: "SelectiveList",
+  props: /* @__PURE__ */ Ze({
+    data: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Ze(["select"], ["update:modelValue"]),
+  setup(t, { emit: e }) {
+    const n = e, o = lt(t, "modelValue");
+    function l(s) {
+      o.value = s, n("select", s);
+    }
+    return (s, u) => (p(), h("ul", J1, [
+      (p(!0), h(te, null, ae(s.data, (c) => (p(), h("li", {
+        key: c.id,
+        class: ie(["selectable-item", { active: c.id === o.value }]),
+        onClick: (d) => l(c.id)
+      }, [
+        ne(oe(c.label) + " ", 1),
+        (p(!0), h(te, null, ae(c.tags, (d, C) => (p(), z(Zt, {
+          key: C,
+          tag: d
+        }, null, 8, ["tag"]))), 128))
+      ], 10, Y1))), 128))
+    ]));
+  }
+}), He = (t) => (ot("data-v-092d4be1"), t = t(), st(), t), Q1 = { class: "h-full w-full" }, es = { class: "no-scrollbar h-full flex select-none gap-2 overflow-scroll" }, ts = {
   key: 0,
   class: "h-full flex flex-col p2"
-}, N1 = { class: "flex py2" }, A1 = {
+}, ns = { class: "flex py2" }, os = {
   xmlns: "http://www.w3.org/2000/svg",
   style: { height: "1.1em", width: "1.1em" },
   class: "op-80 hover:op-100",
   viewBox: "0 0 24 24"
-}, R1 = /* @__PURE__ */ Re(() => /* @__PURE__ */ a("path", {
+}, ss = /* @__PURE__ */ He(() => /* @__PURE__ */ i("path", {
   fill: "currentColor",
   d: "M10.611 10.611a1 1 0 0 1 1.11-.208l8.839 3.889a1 1 0 0 1-.14 1.88l-3.338.91l-.91 3.338a1 1 0 0 1-1.88.14l-3.89-8.84a1 1 0 0 1 .209-1.109M17 3a3 3 0 0 1 3 3v3a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h3a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zm-3.73 10.269l1.715 3.9l.318-1.164a1 1 0 0 1 .701-.702l1.165-.318l-3.9-1.716Z"
-}, null, -1)), D1 = [
-  R1
-], P1 = { class: "h-full flex flex-col p2" }, M1 = { class: "flex py2" }, H1 = {
+}, null, -1)), ls = [
+  ss
+], as = { class: "h-full flex flex-col p2" }, is = { class: "flex py2" }, rs = {
   key: 0,
   class: "font-state-field flex items-center px-1 text-3.5"
-}, L1 = /* @__PURE__ */ Re(() => /* @__PURE__ */ a("span", { class: "text-gray-400 dark:text-gray-600" }, "<", -1)), O1 = {
+}, us = /* @__PURE__ */ He(() => /* @__PURE__ */ i("span", { class: "text-gray-400 dark:text-gray-600" }, "<", -1)), cs = {
   "group-hover:text-white": "",
   class: "max-w-40 of-hidden text-ellipsis ws-nowrap [.active_&]:text-white"
-}, j1 = /* @__PURE__ */ Re(() => /* @__PURE__ */ a("span", { class: "text-gray-400 dark:text-gray-600" }, ">", -1)), z1 = { class: "flex items-center gap-2 px-1" }, U1 = { class: "h-full flex flex-col items-center justify-center gap-2" }, B1 = { class: "block" }, Z1 = {
+}, ds = /* @__PURE__ */ He(() => /* @__PURE__ */ i("span", { class: "text-gray-400 dark:text-gray-600" }, ">", -1)), ps = { class: "flex items-center gap-2 px-1" }, fs = { class: "h-full flex flex-col items-center justify-center gap-2" }, vs = { class: "block" }, hs = {
   xmlns: "http://www.w3.org/2000/svg",
   style: { height: "2em", width: "2em", opacity: "0.5", color: "#00dc82" },
   class: "animate-fade",
   viewBox: "0 0 24 24"
-}, F1 = /* @__PURE__ */ Re(() => /* @__PURE__ */ a("g", {
+}, ms = /* @__PURE__ */ He(() => /* @__PURE__ */ i("g", {
   fill: "none",
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2"
 }, [
-  /* @__PURE__ */ a("circle", {
+  /* @__PURE__ */ i("circle", {
     cx: "12",
     cy: "12",
     r: ".5",
     fill: "currentColor"
   }),
-  /* @__PURE__ */ a("path", { d: "M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2" })
-], -1)), G1 = [
-  F1
-], K1 = /* @__PURE__ */ Re(() => /* @__PURE__ */ a("p", null, " Click on a component on the page to select it ", -1)), W1 = { class: "flex items-center justify-center" }, Te = "components", J1 = /* @__PURE__ */ G({
+  /* @__PURE__ */ i("path", { d: "M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2" })
+], -1)), _s = [
+  ms
+], gs = /* @__PURE__ */ He(() => /* @__PURE__ */ i("p", null, " Click on a component on the page to select it ", -1)), Cs = { class: "flex items-center justify-center" }, Ve = "components", xs = /* @__PURE__ */ B({
   __name: "index",
   emits: ["openInEditor", "onInspectComponentStart", "onInspectComponentEnd"],
   setup(t, { emit: e }) {
-    const n = e, o = I(), s = I(!1), { width: l } = ho(o), c = D(() => s.value ? l.value < 700 : !1), i = I(""), u = I(""), [C, f] = ro(!0), d = I(!1), v = I(!1), m = I(""), x = I(!1);
-    function h(N, S = [], O = []) {
-      var Z;
-      return S.push(N.id), ((Z = N.children) == null ? void 0 : Z.length) === 0 && O.push([...S]), Array.isArray(N.children) && N.children.forEach((J) => {
-        h(J, S, O);
-      }), S.pop(), O;
-    }
-    function $(N) {
-      const S = [], O = (Z) => {
-        Z == null || Z.forEach((J) => {
-          var be;
-          S.push(J), (be = J.children) != null && be.length && O(J.children);
+    const n = e, o = I(), l = I(!1), { width: s } = So(o), u = D(() => l.value ? s.value < 700 : !1), c = I(""), d = I(""), [C, v] = yo(!0), a = I(!1), f = I(!1), m = I(""), y = I(!1);
+    function _(w, E = [], L = []) {
+      var G;
+      return E.push(w.id), ((G = w.children) == null ? void 0 : G.length) === 0 && L.push([...E]), Array.isArray(w.children) && w.children.forEach((q) => {
+        _(q, E, L);
+      }), E.pop(), L;
+    }
+    function k(w) {
+      const E = [], L = (G) => {
+        G == null || G.forEach((q) => {
+          var $e;
+          E.push(q), ($e = q.children) != null && $e.length && L(q.children);
         });
       };
-      return O(N), S;
-    }
-    function j(N, S) {
-      const O = [];
-      return N == null || N.forEach((Z) => {
-        O.push(...Z.slice(0, S + 1));
-      }), [...new Set(O)];
-    }
-    function L(N, S) {
-      const O = [];
-      return N.forEach((Z) => {
-        const J = Z.indexOf(S);
-        J !== -1 && O.push(...Z.slice(0, J + 1));
-      }), [...new Set(O)];
-    }
-    const E = I([]), w = D(() => {
-      var N, S;
-      return (N = E.value) != null && N.length ? h((S = E.value) == null ? void 0 : S[0]) : [];
-    }), V = D(() => $(E.value)), M = D(() => V.value.map((N) => N.id)), K = I({}), B = I(""), T = D(() => {
-      const N = [], S = (O) => {
-        O.forEach((Z) => {
-          var J;
-          Z.id === B.value && N.push(Z), (J = Z.children) != null && J.length && S(Z.children);
+      return L(w), E;
+    }
+    function O(w, E) {
+      const L = [];
+      return w == null || w.forEach((G) => {
+        L.push(...G.slice(0, E + 1));
+      }), [...new Set(L)];
+    }
+    function j(w, E) {
+      const L = [];
+      return w.forEach((G) => {
+        const q = G.indexOf(E);
+        q !== -1 && L.push(...G.slice(0, q + 1));
+      }), [...new Set(L)];
+    }
+    const V = I([]), $ = D(() => {
+      var w, E;
+      return (w = V.value) != null && w.length ? _((E = V.value) == null ? void 0 : E[0]) : [];
+    }), N = D(() => k(V.value)), H = D(() => N.value.map((w) => w.id)), K = I({}), Z = I(""), T = D(() => {
+      const w = [], E = (L) => {
+        L.forEach((G) => {
+          var q;
+          G.id === Z.value && w.push(G), (q = G.children) != null && q.length && E(G.children);
         });
       };
-      return S(E.value), N[0];
+      return E(V.value), w[0];
     }), P = D(() => {
-      var N;
-      return ((N = T.value) == null ? void 0 : N.file) ?? "";
+      var w;
+      return ((w = T.value) == null ? void 0 : w.file) ?? "";
     }), b = D(() => {
-      const N = {};
-      for (const S in K.value) {
-        const Z = K.value[S].filter((be) => {
+      const w = {};
+      for (const E in K.value) {
+        const G = K.value[E].filter(($e) => {
           try {
-            return Uo({
-              [be.key]: be.value
-            }, u.value);
-          } catch (Zt) {
+            return e1({
+              [$e.key]: $e.value
+            }, d.value);
+          } catch (Qt) {
             return {
-              [be.key]: Zt
+              [$e.key]: Qt
             };
           }
-        }), J = pn(Object.values(fn(St(Z), "stateType")));
-        Z.length && (N[S] = J);
+        }), q = wn(Object.values(kn(At(G), "stateType")));
+        G.length && (w[E] = q);
       }
-      return N;
-    }), { expanded: k } = ve(), { expanded: _ } = ve("component-state");
-    Go();
-    async function A(N = "") {
-      return R.value.getInspectorTree({ inspectorId: Te, filter: N }).then((S) => {
-        var Z, J;
-        const O = Y(S);
-        E.value = O, B.value = (J = (Z = E.value) == null ? void 0 : Z[0]) == null ? void 0 : J.id, k.value = j(w.value, 1), d.value = !0;
+      return w;
+    }), { expanded: S } = ve(), { expanded: g } = ve("component-state");
+    o1();
+    async function A(w = "") {
+      return R.value.getInspectorTree({ inspectorId: Ve, filter: w }).then((E) => {
+        var G, q;
+        const L = Y(E);
+        V.value = L, Z.value = (q = (G = V.value) == null ? void 0 : G[0]) == null ? void 0 : q.id, S.value = O($.value, 1), a.value = !0;
       });
     }
-    function U(N) {
-      if (!N || !(N != null && N.state))
+    function F(w) {
+      if (!w || !(w != null && w.state))
         return {};
-      const S = {};
-      return N.state.forEach((O) => {
-        S[O.type] || (S[O.type] = []), S[O.type].push(O);
-      }), S;
-    }
-    function se(N) {
-      R.value.getInspectorState({ inspectorId: Te, nodeId: N }).then((S) => {
-        const O = Y(S);
-        O && (K.value = U(O), _.value = Array.from({ length: Object.keys(K.value).length }, (Z, J) => `${J}`));
+      const E = {};
+      return w.state.forEach((L) => {
+        E[L.type] || (E[L.type] = []), E[L.type].push(L);
+      }), E;
+    }
+    function le(w) {
+      R.value.getInspectorState({ inspectorId: Ve, nodeId: w }).then((E) => {
+        const L = Y(E);
+        L && (K.value = F(L), g.value = Array.from({ length: Object.keys(K.value).length }, (G, q) => `${q}`));
       });
     }
-    X(B, (N) => {
-      se(N), x.value && Le();
+    X(Z, (w) => {
+      le(w), y.value && Ue();
     });
-    function le(N) {
-      const S = Y(N);
-      S.inspectorId !== Te || S.nodeId !== B.value || (K.value = U({ state: S.state.state }));
-    }
-    R.functions.on(W.INSPECTOR_STATE_UPDATED, le), A();
-    function re(N) {
-      const S = N.trim().toLowerCase();
-      f(), A(S).then(() => {
-        f();
+    function re(w) {
+      const E = Y(w);
+      E.inspectorId !== Ve || E.nodeId !== Z.value || (K.value = F({ state: E.state.state }));
+    }
+    R.functions.on(W.INSPECTOR_STATE_UPDATED, re), A();
+    function ce(w) {
+      const E = w.trim().toLowerCase();
+      v(), A(E).then(() => {
+        v();
       });
     }
-    co(i, (N) => {
-      re(N);
+    bo(c, (w) => {
+      ce(w);
     }, { debounce: 300 });
-    function me(N) {
-      var O, Z;
-      const S = Y(N);
-      S.inspectorId === Te && (i.value ? re(i.value) : E.value = S.rootNodes, M.value.includes(B.value) || (B.value = (Z = (O = E.value) == null ? void 0 : O[0]) == null ? void 0 : Z.id, k.value = j(w.value, 1)));
+    function me(w) {
+      var L, G;
+      const E = Y(w);
+      E.inspectorId === Ve && (c.value ? ce(c.value) : V.value = E.rootNodes, H.value.includes(Z.value) || (Z.value = (G = (L = V.value) == null ? void 0 : L[0]) == null ? void 0 : G.id, S.value = O($.value, 1)));
     }
     R.functions.on(W.INSPECTOR_TREE_UPDATED, me), xe(() => {
-      R.functions.off(W.INSPECTOR_STATE_UPDATED, le), R.functions.off(W.INSPECTOR_TREE_UPDATED, me);
+      R.functions.off(W.INSPECTOR_STATE_UPDATED, re), R.functions.off(W.INSPECTOR_TREE_UPDATED, me);
     });
     function _e() {
-      v.value = !0, n("onInspectComponentStart"), R.value.inspectComponentInspector().then((N) => {
-        const S = JSON.parse(N);
-        B.value = S.id, k.value.includes(S.id) || k.value.push(S.id), k.value = [.../* @__PURE__ */ new Set([...k.value, ...L(w.value, S.id)])], Ut();
+      f.value = !0, n("onInspectComponentStart"), R.value.inspectComponentInspector().then((w) => {
+        const E = JSON.parse(w);
+        Z.value = E.id, S.value.includes(E.id) || S.value.push(E.id), S.value = [.../* @__PURE__ */ new Set([...S.value, ...j($.value, E.id)])], qt();
       }).finally(() => {
-        v.value = !1, n("onInspectComponentEnd");
+        f.value = !1, n("onInspectComponentEnd");
       });
     }
-    function Pe() {
-      v.value = !1, R.value.cancelInspectComponentInspector();
+    function Le() {
+      f.value = !1, R.value.cancelInspectComponentInspector();
     }
-    function Me() {
-      R.value.scrollToComponent(B.value);
+    function je() {
+      R.value.scrollToComponent(Z.value);
     }
-    function He() {
-      R.value.inspectDOM(B.value).then(() => {
+    function Oe() {
+      R.value.inspectDOM(Z.value).then(() => {
         chrome.devtools.inspectedWindow.eval("inspect(window.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__)");
       });
     }
-    function Le() {
-      R.value.getComponentRenderCode(B.value).then((N) => {
-        m.value = N, x.value = !0;
+    function Ue() {
+      R.value.getComponentRenderCode(Z.value).then((w) => {
+        m.value = w, y.value = !0;
       });
     }
-    function Ge() {
+    function We() {
       n("openInEditor", P.value);
     }
-    const Ie = I();
-    function Ut() {
+    const Ee = I();
+    function qt() {
       setTimeout(() => {
-        var S;
-        const N = (S = Ie.value) == null ? void 0 : S.querySelector(".active");
-        N == null || N.scrollIntoView({ behavior: "smooth", block: "center" });
+        var E;
+        const w = (E = Ee.value) == null ? void 0 : E.querySelector(".active");
+        w == null || w.scrollIntoView({ behavior: "smooth", block: "center" });
       }, 300);
     }
-    function Bt() {
-      m.value = "", x.value = !1;
+    function Jt() {
+      m.value = "", y.value = !1;
+    }
+    const qe = rn(), ht = D(() => qe.appRecords.value.map((w) => ({
+      label: w.name + (w.version ? ` (${w.version})` : ""),
+      value: w.id
+    }))), Yt = D(() => ht.value.map((w) => ({
+      label: w.label,
+      id: w.value
+    }))), Je = I(qe.activeAppRecordId.value);
+    nt(() => {
+      Je.value = qe.activeAppRecordId.value;
+    });
+    function Xt(w) {
+      R.value.toggleApp(w).then(() => {
+        Z.value = "", A();
+      });
     }
-    return (N, S) => (p(), g("div", E1, [
-      y(r(Ee), {
+    return (w, E) => (p(), h("div", Q1, [
+      x(r(Ae), {
         ref_key: "splitpanesRef",
         ref: o,
         class: "flex-1 overflow-auto",
-        horizontal: c.value,
-        onReady: S[3] || (S[3] = (O) => s.value = !0)
+        horizontal: u.value,
+        onReady: E[4] || (E[4] = (L) => l.value = !0)
       }, {
-        default: H(() => [
-          y(r(ue), {
+        default: M(() => [
+          ht.value.length > 1 ? (p(), z(r(ue), {
+            key: 0,
+            border: "base h-full",
+            size: "20"
+          }, {
+            default: M(() => [
+              i("div", es, [
+                x(X1, {
+                  modelValue: Je.value,
+                  "onUpdate:modelValue": E[0] || (E[0] = (L) => Je.value = L),
+                  data: Yt.value,
+                  class: "w-full",
+                  onSelect: Xt
+                }, null, 8, ["modelValue", "data"])
+              ])
+            ]),
+            _: 1
+          })) : U("", !0),
+          x(r(ue), {
             border: "base",
             "h-full": ""
           }, {
-            default: H(() => [
-              d.value ? (p(), g("div", V1, [
-                a("div", N1, [
-                  y(r(We), {
-                    modelValue: i.value,
-                    "onUpdate:modelValue": S[0] || (S[0] = (O) => i.value = O),
+            default: M(() => [
+              a.value ? (p(), h("div", ts, [
+                i("div", ns, [
+                  x(r(Xe), {
+                    modelValue: c.value,
+                    "onUpdate:modelValue": E[1] || (E[1] = (L) => c.value = L),
                     "loading-debounce-time": 250,
                     loading: !r(C),
                     placeholder: "Find components...",
                     class: "flex-1 text-3.5"
                   }, null, 8, ["modelValue", "loading"]),
-                  r(cn) ? z("", !0) : q((p(), g("button", {
+                  r(yn) ? U("", !0) : J((p(), h("button", {
                     key: 0,
                     "px-1": "",
                     class: "hover:color-#00dc82",
                     onClick: _e
                   }, [
-                    (p(), g("svg", A1, D1))
+                    (p(), h("svg", os, ls))
                   ])), [
                     [
                       r(Q),
@@ -2142,47 +2329,47 @@ const Wo = ["onClick", "onDblclick"], Jo = {
                     ]
                   ])
                 ]),
-                a("div", {
+                i("div", {
                   ref_key: "componentTreeContainer",
-                  ref: Ie,
+                  ref: Ee,
                   class: "no-scrollbar flex-1 select-none overflow-scroll"
                 }, [
-                  y(Ae, {
-                    modelValue: B.value,
-                    "onUpdate:modelValue": S[1] || (S[1] = (O) => B.value = O),
-                    data: E.value,
+                  x(Me, {
+                    modelValue: Z.value,
+                    "onUpdate:modelValue": E[2] || (E[2] = (L) => Z.value = L),
+                    data: V.value,
                     "with-tag": !0
                   }, null, 8, ["modelValue", "data"])
                 ], 512)
-              ])) : z("", !0)
+              ])) : U("", !0)
             ]),
             _: 1
           }),
-          y(r(ue), {
+          x(r(ue), {
             relative: "",
             "h-full": ""
           }, {
-            default: H(() => {
-              var O;
+            default: M(() => {
+              var L;
               return [
-                a("div", P1, [
-                  a("div", M1, [
-                    (O = T.value) != null && O.name ? (p(), g("span", H1, [
-                      L1,
-                      a("span", O1, ae(T.value.name), 1),
-                      j1
-                    ])) : z("", !0),
-                    y(r(We), {
-                      modelValue: u.value,
-                      "onUpdate:modelValue": S[2] || (S[2] = (Z) => u.value = Z),
+                i("div", as, [
+                  i("div", is, [
+                    (L = T.value) != null && L.name ? (p(), h("span", rs, [
+                      us,
+                      i("span", cs, oe(T.value.name), 1),
+                      ds
+                    ])) : U("", !0),
+                    x(r(Xe), {
+                      modelValue: d.value,
+                      "onUpdate:modelValue": E[3] || (E[3] = (G) => d.value = G),
                       "loading-debounce-time": 250,
                       placeholder: "Filter State...",
                       class: "flex-1 text-3.5"
                     }, null, 8, ["modelValue"]),
-                    a("div", z1, [
-                      q(a("i", {
+                    i("div", ps, [
+                      J(i("i", {
                         class: "i-material-symbols-light:eye-tracking-outline h-4 w-4 cursor-pointer hover:op-70",
-                        onClick: Me
+                        onClick: je
                       }, null, 512), [
                         [
                           r(Q),
@@ -2191,9 +2378,9 @@ const Wo = ["onClick", "onDblclick"], Jo = {
                           { bottom: !0 }
                         ]
                       ]),
-                      q(a("i", {
+                      J(i("i", {
                         class: "i-material-symbols-light:code h-5 w-5 cursor-pointer hover:op-70",
-                        onClick: Le
+                        onClick: Ue
                       }, null, 512), [
                         [
                           r(Q),
@@ -2202,10 +2389,10 @@ const Wo = ["onClick", "onDblclick"], Jo = {
                           { bottom: !0 }
                         ]
                       ]),
-                      r(mt) ? q((p(), g("i", {
+                      r(wt) ? J((p(), h("i", {
                         key: 0,
                         class: "i-material-symbols-light:menu-open h-5 w-5 cursor-pointer hover:op-70",
-                        onClick: He
+                        onClick: Oe
                       }, null, 512)), [
                         [
                           r(Q),
@@ -2213,11 +2400,11 @@ const Wo = ["onClick", "onDblclick"], Jo = {
                           void 0,
                           { bottom: !0 }
                         ]
-                      ]) : z("", !0),
-                      P.value ? q((p(), g("i", {
+                      ]) : U("", !0),
+                      P.value ? J((p(), h("i", {
                         key: 1,
                         class: "i-carbon-launch h-4 w-4 cursor-pointer hover:op-70",
-                        onClick: Ge
+                        onClick: We
                       }, null, 512)), [
                         [
                           r(Q),
@@ -2225,22 +2412,22 @@ const Wo = ["onClick", "onDblclick"], Jo = {
                           void 0,
                           { bottom: !0 }
                         ]
-                      ]) : z("", !0)
+                      ]) : U("", !0)
                     ])
                   ]),
-                  y(Ne, {
+                  x(Pe, {
                     class: "no-scrollbar flex-1 select-none overflow-scroll",
                     data: b.value,
-                    "node-id": B.value,
-                    "inspector-id": Te,
+                    "node-id": Z.value,
+                    "inspector-id": Ve,
                     "expanded-state-id": "component-state"
                   }, null, 8, ["data", "node-id"])
                 ]),
-                x.value && m.value ? (p(), F(S1, {
+                y.value && m.value ? (p(), z(q1, {
                   key: 0,
                   code: m.value,
-                  onClose: Bt
-                }, null, 8, ["code"])) : z("", !0)
+                  onClose: Jt
+                }, null, 8, ["code"])) : U("", !0)
               ];
             }),
             _: 1
@@ -2248,105 +2435,105 @@ const Wo = ["onClick", "onDblclick"], Jo = {
         ]),
         _: 1
       }, 8, ["horizontal"]),
-      r(mt) ? (p(), F(r(rn), {
+      r(wt) ? (p(), z(r(xn), {
         key: 0,
-        modelValue: v.value,
-        "onUpdate:modelValue": S[4] || (S[4] = (O) => v.value = O),
+        modelValue: f.value,
+        "onUpdate:modelValue": E[5] || (E[5] = (L) => f.value = L),
         title: "",
         height: "12rem",
         closable: !1
       }, {
-        footer: H(() => [
-          a("div", W1, [
-            y(r(ce), { onClick: Pe }, {
-              default: H(() => [
-                te(" Cancel ")
+        footer: M(() => [
+          i("div", Cs, [
+            x(r(de), { onClick: Le }, {
+              default: M(() => [
+                ne(" Cancel ")
               ]),
               _: 1
             })
           ])
         ]),
-        default: H(() => [
-          a("div", U1, [
-            a("span", B1, [
-              (p(), g("svg", Z1, G1))
+        default: M(() => [
+          i("div", fs, [
+            i("span", vs, [
+              (p(), h("svg", hs, _s))
             ]),
-            K1
+            gs
           ])
         ]),
         _: 1
-      }, 8, ["modelValue"])) : z("", !0)
+      }, 8, ["modelValue"])) : U("", !0)
     ]));
   }
-}), Al = /* @__PURE__ */ ye(J1, [["__scopeId", "data-v-ddb3f55a"]]), q1 = {}, Y1 = {
+}), la = /* @__PURE__ */ ye(xs, [["__scopeId", "data-v-092d4be1"]]), ys = {}, bs = {
   viewBox: "0 0 566 154",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, X1 = /* @__PURE__ */ a("svg", {
+}, $s = /* @__PURE__ */ i("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "8em",
   height: "8em",
   viewBox: "0 -4 24 24"
 }, [
-  /* @__PURE__ */ a("path", {
+  /* @__PURE__ */ i("path", {
     fill: "#3dd68c",
     d: "M4 15V8.5a4.5 4.5 0 0 1 9 0v7a2.5 2.5 0 0 0 5 0V8.83a3.001 3.001 0 1 1 2 0v6.67a4.5 4.5 0 1 1-9 0v-7a2.5 2.5 0 0 0-5 0V15h3l-4 5l-4-5zm15-8a1 1 0 1 0 0-2a1 1 0 0 0 0 2"
   })
-], -1), Q1 = /* @__PURE__ */ a("path", {
+], -1), ws = /* @__PURE__ */ i("path", {
   d: "M152.571 118V46.1333H176.8C183.576 46.1333 189.77 47.468 195.383 50.1373C200.995 52.8067 205.478 56.8449 208.832 62.252C212.186 67.5907 213.863 74.1956 213.863 82.0667C213.863 89.8693 212.186 96.4742 208.832 101.881C205.478 107.288 200.995 111.327 195.383 113.996C189.77 116.665 183.576 118 176.8 118H152.571ZM175.157 104.653C181.796 104.653 187.306 102.874 191.687 99.3147C196.067 95.6871 198.257 89.9378 198.257 82.0667C198.257 74.1956 196.067 68.4462 191.687 64.8187C187.306 61.1911 181.796 59.3773 175.157 59.3773H167.971V104.653H175.157ZM270.18 100.444C269.153 105.988 266.381 110.437 261.864 113.791C257.347 117.144 251.905 118.821 245.54 118.821C239.928 118.821 235.102 117.555 231.064 115.023C227.094 112.422 224.083 109.068 222.029 104.961C219.976 100.855 218.949 96.5427 218.949 92.0253C218.949 87.4396 219.873 83.1276 221.721 79.0893C223.638 75.0511 226.513 71.7658 230.345 69.2333C234.247 66.7009 238.969 65.4347 244.513 65.4347C250.263 65.4347 255.054 66.6667 258.887 69.1307C262.72 71.5947 265.526 74.7431 267.305 78.576C269.153 82.4089 270.077 86.4471 270.077 90.6907C270.077 92.2649 270.009 93.8049 269.872 95.3107H232.707C233.254 99.0067 234.623 101.916 236.813 104.037C239.072 106.091 241.981 107.117 245.54 107.117C248.415 107.117 250.776 106.57 252.624 105.475C254.472 104.311 255.67 102.634 256.217 100.444H270.18ZM244.513 75.9067C241.228 75.9067 238.627 76.7622 236.711 78.4733C234.794 80.116 233.528 82.7169 232.912 86.276H255.807C255.601 83.2644 254.506 80.8004 252.521 78.884C250.537 76.8991 247.867 75.9067 244.513 75.9067ZM302.77 118H289.629L270.738 66.256H285.317L296.2 99.7253L306.98 66.256H321.661L302.77 118ZM359.731 118H344.331V59.3773H323.079V46.1333H380.983V59.3773H359.731V118ZM402.364 118.821C397.163 118.821 392.474 117.692 388.299 115.433C384.124 113.106 380.873 109.924 378.546 105.885C376.219 101.779 375.055 97.1929 375.055 92.128C375.055 87.0631 376.219 82.5116 378.546 78.4733C380.873 74.3667 384.124 71.184 388.299 68.9253C392.474 66.5982 397.163 65.4347 402.364 65.4347C407.566 65.4347 412.255 66.5982 416.43 68.9253C420.605 71.184 423.856 74.3667 426.183 78.4733C428.51 82.5116 429.674 87.0631 429.674 92.128C429.674 97.1929 428.51 101.779 426.183 105.885C423.856 109.924 420.605 113.106 416.43 115.433C412.255 117.692 407.566 118.821 402.364 118.821ZM402.364 106.501C406.197 106.501 409.311 105.167 411.707 102.497C414.103 99.828 415.3 96.3716 415.3 92.128C415.3 87.816 414.103 84.3253 411.707 81.656C409.311 78.9867 406.197 77.652 402.364 77.652C398.531 77.652 395.417 78.9867 393.022 81.656C390.626 84.3253 389.428 87.816 389.428 92.128C389.428 96.3716 390.626 99.828 393.022 102.497C395.417 105.167 398.531 106.501 402.364 106.501ZM462.12 118.821C456.918 118.821 452.229 117.692 448.054 115.433C443.879 113.106 440.628 109.924 438.301 105.885C435.974 101.779 434.81 97.1929 434.81 92.128C434.81 87.0631 435.974 82.5116 438.301 78.4733C440.628 74.3667 443.879 71.184 448.054 68.9253C452.229 66.5982 456.918 65.4347 462.12 65.4347C467.321 65.4347 472.01 66.5982 476.185 68.9253C480.36 71.184 483.611 74.3667 485.938 78.4733C488.265 82.5116 489.429 87.0631 489.429 92.128C489.429 97.1929 488.265 101.779 485.938 105.885C483.611 109.924 480.36 113.106 476.185 115.433C472.01 117.692 467.321 118.821 462.12 118.821ZM462.12 106.501C465.952 106.501 469.067 105.167 471.462 102.497C473.858 99.828 475.056 96.3716 475.056 92.128C475.056 87.816 473.858 84.3253 471.462 81.656C469.067 78.9867 465.952 77.652 462.12 77.652C458.287 77.652 455.172 78.9867 452.777 81.656C450.381 84.3253 449.184 87.816 449.184 92.128C449.184 96.3716 450.381 99.828 452.777 102.497C455.172 105.167 458.287 106.501 462.12 106.501ZM512.327 118H498.056V43.772H512.327V118ZM542.494 118.821C536.129 118.821 530.961 117.179 526.991 113.893C523.09 110.54 521.002 106.091 520.729 100.547H533.049C533.322 102.874 534.281 104.722 535.923 106.091C537.634 107.391 539.825 108.041 542.494 108.041C544.684 108.041 546.464 107.562 547.833 106.604C549.27 105.646 549.989 104.448 549.989 103.011C549.989 101.094 549.167 99.7596 547.525 99.0067C545.882 98.2538 543.281 97.5693 539.722 96.9533C536.026 96.2689 533.014 95.516 530.687 94.6947C528.36 93.8733 526.341 92.4018 524.63 90.28C522.987 88.0898 522.166 85.0098 522.166 81.04C522.166 78.0284 522.953 75.3591 524.527 73.032C526.17 70.6364 528.394 68.7884 531.201 67.488C534.007 66.1191 537.155 65.4347 540.646 65.4347C546.874 65.4347 551.905 66.9747 555.738 70.0547C559.639 73.1347 561.727 77.2071 562.001 82.272H549.578C549.304 80.1502 548.312 78.5076 546.601 77.344C544.958 76.112 543.11 75.496 541.057 75.496C539.003 75.496 537.361 75.9409 536.129 76.8307C534.897 77.7204 534.281 78.9524 534.281 80.5267C534.281 82.4431 535.068 83.7436 536.642 84.428C538.285 85.044 540.851 85.5916 544.342 86.0707C548.106 86.6182 551.186 87.3027 553.582 88.124C556.046 88.8769 558.168 90.3827 559.947 92.6413C561.727 94.9 562.617 98.1853 562.617 102.497C562.617 107.425 560.769 111.395 557.073 114.407C553.445 117.35 548.585 118.821 542.494 118.821Z",
   fill: "currentColor"
-}, null, -1), es = [
-  X1,
-  Q1
+}, null, -1), ks = [
+  $s,
+  ws
 ];
-function ts(t, e) {
-  return p(), g("svg", Y1, es);
+function Is(t, e) {
+  return p(), h("svg", bs, ks);
 }
-const ns = /* @__PURE__ */ ye(q1, [["render", ts]]), os = {
+const Ss = /* @__PURE__ */ ye(ys, [["render", Is]]), Ts = {
   "h-full": "",
   "w-full": "",
   flex: "",
   "items-center": ""
-}, ss = {
+}, Es = {
   flex: "~ col gap2",
   ma: "",
   "px-5": ""
-}, ls = /* @__PURE__ */ a("div", { "flex-auto": "" }, null, -1), as = {
+}, Vs = /* @__PURE__ */ i("div", { "flex-auto": "" }, null, -1), Ns = {
   flex: "~ col",
   "mt-20": "",
   "items-center": ""
-}, is = {
+}, Rs = {
   flex: "~",
   "mt--10": "",
   "items-center": "",
   "justify-center": ""
-}, rs = /* @__PURE__ */ a("div", {
+}, As = /* @__PURE__ */ i("div", {
   mb6: "",
   "mt--1": "",
   "text-center": "",
   "text-sm": "",
   flex: "~ gap-1"
 }, [
-  /* @__PURE__ */ a("span", { op40: "" }, " Router DevTools ")
-], -1), cs = /* @__PURE__ */ a("div", { "flex-auto": "" }, null, -1), us = { flex: "~ gap2 wrap" }, ds = /* @__PURE__ */ a("div", {
+  /* @__PURE__ */ i("span", { op40: "" }, " Router DevTools ")
+], -1), Ds = /* @__PURE__ */ i("div", { "flex-auto": "" }, null, -1), Ps = { flex: "~ gap2 wrap" }, Ms = /* @__PURE__ */ i("div", {
   "i-carbon-tree-view-alt": "",
   "text-3xl": ""
-}, null, -1), ps = /* @__PURE__ */ a("code", null, "Routes", -1), fs = [
-  ds,
-  ps
-], vs = /* @__PURE__ */ a("div", {
+}, null, -1), Hs = /* @__PURE__ */ i("code", null, "Routes", -1), Ls = [
+  Ms,
+  Hs
+], js = /* @__PURE__ */ i("div", {
   "i-mdi:timeline-clock-outline": "",
   "text-3xl": ""
-}, null, -1), hs = /* @__PURE__ */ a("div", null, "Timeline", -1), ms = [
-  vs,
-  hs
-], _s = /* @__PURE__ */ a("div", {
+}, null, -1), Os = /* @__PURE__ */ i("div", null, "Timeline", -1), Us = [
+  js,
+  Os
+], zs = /* @__PURE__ */ i("div", {
   flex: "~ gap-6 wrap",
   "mt-5": "",
   "items-center": "",
   "justify-center": ""
 }, [
-  /* @__PURE__ */ a("a", {
+  /* @__PURE__ */ i("a", {
     href: "https://github.com/vuejs/router",
     target: "_blank",
     flex: "~ gap1",
@@ -2355,10 +2542,10 @@ const ns = /* @__PURE__ */ ye(q1, [["render", ts]]), os = {
     hover: "op100 text-blue",
     transition: ""
   }, [
-    /* @__PURE__ */ a("div", { "i-carbon-star": "" }),
-    /* @__PURE__ */ te(" Star on GitHub ")
+    /* @__PURE__ */ i("div", { "i-carbon-star": "" }),
+    /* @__PURE__ */ ne(" Star on GitHub ")
   ]),
-  /* @__PURE__ */ a("a", {
+  /* @__PURE__ */ i("a", {
     href: "https://router.vuejs.org/",
     target: "_blank",
     flex: "~ gap1",
@@ -2367,176 +2554,162 @@ const ns = /* @__PURE__ */ ye(q1, [["render", ts]]), os = {
     hover: "op100 text-yellow",
     transition: ""
   }, [
-    /* @__PURE__ */ a("div", { "i-carbon-document": "" }),
-    /* @__PURE__ */ te(" View Documentation ")
+    /* @__PURE__ */ i("div", { "i-carbon-document": "" }),
+    /* @__PURE__ */ ne(" View Documentation ")
   ])
-], -1), gs = /* @__PURE__ */ a("div", { "flex-auto": "" }, null, -1), Cs = /* @__PURE__ */ G({
+], -1), Bs = /* @__PURE__ */ i("div", { "flex-auto": "" }, null, -1), Zs = /* @__PURE__ */ B({
   __name: "About",
   setup(t) {
-    const e = Ve();
-    return (n, o) => (p(), g("div", os, [
-      a("div", ss, [
-        ls,
-        a("div", as, [
-          a("div", is, [
-            y(ns, { "h-18": "" })
+    const e = De();
+    return (n, o) => (p(), h("div", Ts, [
+      i("div", Es, [
+        Vs,
+        i("div", Ns, [
+          i("div", Rs, [
+            x(Ss, { "h-18": "" })
           ]),
-          rs
+          As
         ]),
-        cs,
-        a("div", us, [
-          a("div", {
+        Ds,
+        i("div", Ps, [
+          i("div", {
             flex: "~ col auto",
             "min-w-40": "",
             p4: "",
             "theme-card-lime": "",
-            onClick: o[0] || (o[0] = (s) => r(e).push("/routes"))
-          }, fs),
-          a("div", {
+            onClick: o[0] || (o[0] = (l) => r(e).push("/routes"))
+          }, Ls),
+          i("div", {
             flex: "~ col auto",
             "min-w-40": "",
             p4: "",
             "theme-card-lime": "",
-            onClick: o[1] || (o[1] = (s) => r(e).push("/timeline"))
-          }, ms)
+            onClick: o[1] || (o[1] = (l) => r(e).push("/timeline"))
+          }, Us)
         ]),
-        _s,
-        gs
+        zs,
+        Bs
       ])
     ]));
   }
-}), jt = Symbol.for("VueDevToolsCustomInspectorStateSymbol");
-function De() {
-  return Ce(jt);
-}
-function zt() {
-  const t = I({
-    homepage: "",
-    id: "",
-    label: "",
-    logo: "",
-    timelineLayerIds: []
-  });
-  return $e(jt, t), t;
-}
-const xs = { class: "h-full flex flex-col" }, ys = {
+}), Fs = { class: "h-full flex flex-col" }, Gs = {
   "h-full": "",
   "select-none": "",
   "overflow-scroll": "",
   p2: "",
   class: "no-scrollbar"
-}, bs = {
+}, Ks = {
   "h-full": "",
   "select-none": "",
   "overflow-scroll": "",
   class: "no-scrollbar"
-}, ws = /* @__PURE__ */ G({
+}, Ws = /* @__PURE__ */ B({
   __name: "Index",
   setup(t) {
-    const { expanded: e } = ve(), { expanded: n } = ve("routes-state"), o = De(), s = D(() => o.value.id), l = I(""), c = I([]), i = D(() => {
-      var w, V;
-      return (w = c.value) != null && w.length ? d((V = c.value) == null ? void 0 : V[0]) : [];
-    }), u = D(() => m(c.value)), C = D(() => u.value.map((w) => w.id)), f = I({});
-    function d(w, V = [], M = []) {
+    const { expanded: e } = ve(), { expanded: n } = ve("routes-state"), o = be(), l = D(() => o.value.id), s = I(""), u = I([]), c = D(() => {
+      var $, N;
+      return ($ = u.value) != null && $.length ? a((N = u.value) == null ? void 0 : N[0]) : [];
+    }), d = D(() => m(u.value)), C = D(() => d.value.map(($) => $.id)), v = I({});
+    function a($, N = [], H = []) {
       var K;
-      return V.push(w.id), ((K = w.children) == null ? void 0 : K.length) === 0 && M.push([...V]), Array.isArray(w.children) && w.children.forEach((B) => {
-        d(B, V, M);
-      }), V.pop(), M;
-    }
-    function v(w, V) {
-      const M = [];
-      return w == null || w.forEach((K) => {
-        M.push(...K.slice(0, V + 1));
-      }), [...new Set(M)];
-    }
-    function m(w) {
-      const V = [], M = (K) => {
-        K == null || K.forEach((B) => {
+      return N.push($.id), ((K = $.children) == null ? void 0 : K.length) === 0 && H.push([...N]), Array.isArray($.children) && $.children.forEach((Z) => {
+        a(Z, N, H);
+      }), N.pop(), H;
+    }
+    function f($, N) {
+      const H = [];
+      return $ == null || $.forEach((K) => {
+        H.push(...K.slice(0, N + 1));
+      }), [...new Set(H)];
+    }
+    function m($) {
+      const N = [], H = (K) => {
+        K == null || K.forEach((Z) => {
           var T;
-          V.push(B), (T = B.children) != null && T.length && M(B.children);
+          N.push(Z), (T = Z.children) != null && T.length && H(Z.children);
         });
       };
-      return M(w), V;
-    }
-    function x(w) {
-      var V;
-      for (const M in w)
-        (V = w[M]) != null && V.length || delete w[M];
-      return w;
+      return H($), N;
     }
-    function h(w) {
-      R.value.getInspectorState({ inspectorId: s.value, nodeId: w }).then((V) => {
-        const M = Y(V);
-        M && (f.value = x(M), n.value = Array.from({ length: Object.keys(f.value).length }, (K, B) => `${B}`));
+    function y($) {
+      var N;
+      for (const H in $)
+        (N = $[H]) != null && N.length || delete $[H];
+      return $;
+    }
+    function _($) {
+      R.value.getInspectorState({ inspectorId: l.value, nodeId: $ }).then((N) => {
+        const H = Y(N);
+        H && (v.value = y(H), n.value = Array.from({ length: Object.keys(v.value).length }, (K, Z) => `${Z}`));
       });
     }
-    function $() {
-      f.value = {};
+    function k() {
+      v.value = {};
     }
-    X(l, () => {
-      $(), h(l.value);
+    X(s, () => {
+      k(), _(s.value);
     });
-    const j = () => {
-      R.value.getInspectorTree({ inspectorId: s.value, filter: "" }).then((w) => {
-        const V = Y(w);
-        c.value = V, !l.value && V.length && (l.value = V[0].id, h(V[0].id), e.value = v(i.value, 1));
+    const O = () => {
+      R.value.getInspectorTree({ inspectorId: l.value, filter: "" }).then(($) => {
+        const N = Y($);
+        u.value = N, !s.value && N.length && (s.value = N[0].id, _(N[0].id), e.value = f(c.value, 1));
       });
     };
-    Vt(s).toBeTruthy().then(j);
-    function L(w) {
-      const V = Y(w);
-      V.inspectorId !== s.value || !V.rootNodes.length || (c.value = V.rootNodes, C.value.includes(l.value) || (l.value = V.rootNodes[0].id, e.value = v(i.value, 1), h(V.rootNodes[0].id)));
-    }
-    function E(w) {
-      const V = Y(w);
-      if (V.inspectorId !== s.value)
+    Pt(l).toBeTruthy().then(O);
+    function j($) {
+      const N = Y($);
+      N.inspectorId !== l.value || !N.rootNodes.length || (u.value = N.rootNodes, C.value.includes(s.value) || (s.value = N.rootNodes[0].id, e.value = f(c.value, 1), _(N.rootNodes[0].id)));
+    }
+    function V($) {
+      const N = Y($);
+      if (N.inspectorId !== l.value)
         return;
-      const M = V.state;
-      f.value = x(M);
+      const H = N.state;
+      v.value = y(H);
     }
-    return R.functions.on(W.INSPECTOR_TREE_UPDATED, L), R.functions.on(W.INSPECTOR_STATE_UPDATED, E), xe(() => {
-      R.functions.off(W.INSPECTOR_TREE_UPDATED, L), R.functions.off(W.INSPECTOR_STATE_UPDATED, E);
-    }), (w, V) => (p(), g("div", xs, [
-      y(Ze, {
+    return R.functions.on(W.INSPECTOR_TREE_UPDATED, j), R.functions.on(W.INSPECTOR_STATE_UPDATED, V), xe(() => {
+      R.functions.off(W.INSPECTOR_TREE_UPDATED, j), R.functions.off(W.INSPECTOR_STATE_UPDATED, V);
+    }), ($, N) => (p(), h("div", Fs, [
+      x(Te, {
         "doc-link": "https://router.vuejs.org/",
         "github-repo-link": "https://github.com/vuejs/router"
       }, {
-        default: H(() => [
-          y(Be)
+        default: M(() => [
+          x(Se)
         ]),
         _: 1
       }),
-      y(r(Ee), { class: "flex-1 overflow-auto" }, {
-        default: H(() => [
-          y(r(ue), {
+      x(r(Ae), { class: "flex-1 overflow-auto" }, {
+        default: M(() => [
+          x(r(ue), {
             border: "r base",
             size: "40",
             "h-full": ""
           }, {
-            default: H(() => [
-              a("div", ys, [
-                y(Ae, {
-                  modelValue: l.value,
-                  "onUpdate:modelValue": V[0] || (V[0] = (M) => l.value = M),
-                  data: c.value
+            default: M(() => [
+              i("div", Gs, [
+                x(Me, {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": N[0] || (N[0] = (H) => s.value = H),
+                  data: u.value
                 }, null, 8, ["modelValue", "data"])
               ])
             ]),
             _: 1
           }),
-          y(r(ue), { size: "60" }, {
-            default: H(() => [
-              a("div", bs, [
-                l.value ? (p(), F(Ne, {
+          x(r(ue), { size: "60" }, {
+            default: M(() => [
+              i("div", Ks, [
+                s.value ? (p(), z(Pe, {
                   key: 0,
                   class: "p3",
-                  data: f.value,
+                  data: v.value,
                   "node-id": "",
                   "inspector-id": "router",
                   "expanded-state-id": "routes-state"
-                }, null, 8, ["data"])) : (p(), F(Se, { key: 1 }, {
-                  default: H(() => [
-                    te(" No Data ")
+                }, null, 8, ["data"])) : (p(), z(Ne, { key: 1 }, {
+                  default: M(() => [
+                    ne(" No Data ")
                   ]),
                   _: 1
                 }))
@@ -2549,189 +2722,189 @@ const xs = { class: "h-full flex flex-col" }, ys = {
       })
     ]));
   }
-}), $s = /* @__PURE__ */ G({
+}), qs = /* @__PURE__ */ B({
   __name: "Index",
   setup(t) {
-    const e = De();
-    return (n, o) => (p(), F(rt, {
+    const e = be();
+    return (n, o) => (p(), z(vt, {
       "layer-ids": r(e).timelineLayerIds,
       "doc-link": "https://router.vuejs.org/",
       "github-repo-link": "https://github.com/vuejs/router"
     }, null, 8, ["layer-ids"]));
   }
-}), ks = {
+}), Js = {
   "h-full": "",
   "w-full": ""
-}, Rl = /* @__PURE__ */ G({
+}, aa = /* @__PURE__ */ B({
   __name: "index",
   props: {
     id: {}
   },
   setup(t) {
-    const e = t, n = zt(), o = I(!1), { VirtualRouterView: s, restoreRouter: l } = tt([
+    const e = t, n = Kt(), o = I(!1), { VirtualRouterView: l, restoreRouter: s } = it([
       {
         path: "/routes",
         name: "Routes",
-        component: ws,
+        component: Ws,
         icon: "i-carbon-tree-view-alt"
       },
       {
         path: "/timeline",
         name: "Timeline",
-        component: $s,
+        component: qs,
         icon: "i-mdi:timeline-clock-outline"
       },
       {
         path: "/about",
         name: "About",
-        component: Cs,
+        component: Zs,
         icon: "i-ri-route-line"
       }
     ], {
       defaultRoutePath: "/routes"
     });
-    function c() {
-      o.value = !0, Ue(() => {
-        R.value.getInspectorInfo(e.id).then((i) => {
-          if (!i)
+    function u() {
+      o.value = !0, Re(() => {
+        R.value.getInspectorInfo(e.id).then((c) => {
+          if (!c)
             return;
-          const u = {
-            homepage: i == null ? void 0 : i.homepage,
-            id: i == null ? void 0 : i.id,
-            label: i == null ? void 0 : i.label,
-            logo: i == null ? void 0 : i.logo,
-            timelineLayerIds: i == null ? void 0 : i.timelineLayers.map((C) => C.id)
+          const d = {
+            homepage: c == null ? void 0 : c.homepage,
+            id: c == null ? void 0 : c.id,
+            label: c == null ? void 0 : c.label,
+            logo: c == null ? void 0 : c.logo,
+            timelineLayerIds: c == null ? void 0 : c.timelineLayers.map((C) => C.id)
           };
-          n.value = u, l(), o.value = !1;
+          n.value = d, s(), o.value = !1;
         });
       });
     }
-    return X(() => e.id, (i) => {
-      i && c();
-    }), (i, u) => (p(), g("div", ks, [
-      y(r(s))
+    return X(() => e.id, (c) => {
+      c && u();
+    }), (c, d) => (p(), h("div", Js, [
+      x(r(l))
     ]));
   }
-}), Is = {}, Ts = {
+}), Ys = {}, Xs = {
   width: "175",
   height: "34",
   viewBox: "0 0 175 34",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ss = /* @__PURE__ */ a("path", {
+}, Qs = /* @__PURE__ */ i("path", {
   fill: "currentColor",
   d: "M0.570999 33.3121V1.80715H10.8288C13.6975 1.80715 16.3198 2.39225 18.6962 3.56242C21.0721 4.73263 22.9701 6.5029 24.3901 8.87327C25.81 11.2136 26.52 14.1091 26.52 17.5596C26.52 20.9801 25.81 23.8756 24.3901 26.2458C22.9701 28.6162 21.0721 30.3868 18.6962 31.5568C16.3198 32.7269 13.6975 33.3121 10.8288 33.3121H0.570999ZM10.1332 27.461C12.9439 27.461 15.2767 26.6812 17.1314 25.1208C18.9858 23.5306 19.913 21.0102 19.913 17.5596C19.913 14.1091 18.9858 11.5887 17.1314 9.99846C15.2767 8.40819 12.9439 7.61306 10.1332 7.61306H7.09085V27.461H10.1332ZM50.3628 25.6159C49.928 28.0463 48.7544 29.9966 46.8421 31.4669C44.9297 32.9368 42.6257 33.672 39.931 33.672C37.5551 33.672 35.5119 33.117 33.8024 32.007C32.1216 30.8668 30.8468 29.3965 29.9772 27.5961C29.1081 25.7961 28.6733 23.9056 28.6733 21.9253C28.6733 19.915 29.0645 18.0247 29.8468 16.2544C30.6584 14.4841 31.8756 13.0439 33.498 11.9337C35.1499 10.8236 37.1491 10.2685 39.4962 10.2685C41.9306 10.2685 43.9589 10.8086 45.5817 11.8888C47.2045 12.9689 48.3924 14.3491 49.1456 16.0294C49.928 17.7097 50.3192 19.4799 50.3192 21.3402C50.3192 22.0303 50.2904 22.7054 50.2324 23.3656H34.4979C34.7295 24.9858 35.3091 26.2612 36.2363 27.191C37.1927 28.0914 38.4243 28.5412 39.931 28.5412C41.1482 28.5412 42.1478 28.3014 42.9301 27.8214C43.7125 27.3111 44.2197 26.5759 44.4513 25.6159H50.3628ZM39.4962 14.8592C38.1055 14.8592 37.0043 15.2343 36.1931 15.9844C35.3815 16.7045 34.8455 17.8447 34.5847 19.4049H44.2777C44.1905 18.0847 43.7269 17.0045 42.8865 16.1644C42.0466 15.2943 40.9162 14.8592 39.4962 14.8592ZM64.1603 33.3121H58.5969L50.599 10.6285H56.7713L61.3788 25.3008L65.9427 10.6285H72.1582L64.1603 33.3121ZM88.2757 33.3121H81.7559V7.61306H72.7585V1.80715H97.2731V7.61306H88.2757V33.3121ZM106.325 33.672C104.123 33.672 102.138 33.1771 100.37 32.1868C98.6029 31.1667 97.2266 29.7717 96.2414 28.0011C95.2562 26.2011 94.7634 24.1907 94.7634 21.9703C94.7634 19.75 95.2562 17.7547 96.2414 15.9844C97.2266 14.1841 98.6029 12.7889 100.37 11.7987C102.138 10.7786 104.123 10.2685 106.325 10.2685C108.528 10.2685 110.513 10.7786 112.28 11.7987C114.048 12.7889 115.424 14.1841 116.409 15.9844C117.395 17.7547 117.887 19.75 117.887 21.9703C117.887 24.1907 117.395 26.2011 116.409 28.0011C115.424 29.7717 114.048 31.1667 112.28 32.1868C110.513 33.1771 108.528 33.672 106.325 33.672ZM106.325 28.2712C107.948 28.2712 109.266 27.6864 110.281 26.5159C111.295 25.3458 111.802 23.8306 111.802 21.9703C111.802 20.08 111.295 18.5498 110.281 17.3796C109.266 16.2094 107.948 15.6243 106.325 15.6243C104.702 15.6243 103.384 16.2094 102.37 17.3796C101.356 18.5498 100.848 20.08 100.848 21.9703C100.848 23.8306 101.356 25.3458 102.37 26.5159C103.384 27.6864 104.702 28.2712 106.325 28.2712ZM131.624 33.672C129.422 33.672 127.436 33.1771 125.669 32.1868C123.901 31.1667 122.525 29.7717 121.54 28.0011C120.555 26.2011 120.062 24.1907 120.062 21.9703C120.062 19.75 120.555 17.7547 121.54 15.9844C122.525 14.1841 123.901 12.7889 125.669 11.7987C127.436 10.7786 129.422 10.2685 131.624 10.2685C133.826 10.2685 135.811 10.7786 137.579 11.7987C139.346 12.7889 140.722 14.1841 141.708 15.9844C142.693 17.7547 143.186 19.75 143.186 21.9703C143.186 24.1907 142.693 26.2011 141.708 28.0011C140.722 29.7717 139.346 31.1667 137.579 32.1868C135.811 33.1771 133.826 33.672 131.624 33.672ZM131.624 28.2712C133.246 28.2712 134.565 27.6864 135.579 26.5159C136.593 25.3458 137.101 23.8306 137.101 21.9703C137.101 20.08 136.593 18.5498 135.579 17.3796C134.565 16.2094 133.246 15.6243 131.624 15.6243C130.001 15.6243 128.682 16.2094 127.668 17.3796C126.654 18.5498 126.147 20.08 126.147 21.9703C126.147 23.8306 126.654 25.3458 127.668 26.5159C128.682 27.6864 130.001 28.2712 131.624 28.2712ZM152.88 33.3121H146.838V0.771999H152.88V33.3121ZM165.652 33.672C162.957 33.672 160.769 32.9522 159.088 31.5117C157.437 30.0418 156.553 28.0914 156.437 25.661H161.653C161.768 26.6812 162.174 27.4913 162.87 28.0914C163.594 28.6613 164.522 28.9463 165.652 28.9463C166.579 28.9463 167.332 28.7363 167.912 28.3163C168.52 27.8963 168.825 27.3712 168.825 26.7412C168.825 25.9008 168.477 25.3159 167.782 24.9858C167.086 24.6557 165.985 24.3557 164.478 24.0856C162.913 23.7856 161.638 23.4556 160.653 23.0955C159.668 22.7354 158.813 22.0903 158.089 21.1602C157.393 20.2 157.045 18.8498 157.045 17.1096C157.045 15.7893 157.379 14.6192 158.045 13.599C158.741 12.5488 159.682 11.7387 160.871 11.1686C162.058 10.5685 163.391 10.2685 164.869 10.2685C167.506 10.2685 169.636 10.9436 171.259 12.2938C172.91 13.644 173.794 15.4293 173.91 17.6496H168.651C168.535 16.7195 168.115 15.9994 167.39 15.4893C166.695 14.9492 165.912 14.6792 165.043 14.6792C164.174 14.6792 163.478 14.8742 162.957 15.2643C162.435 15.6543 162.174 16.1944 162.174 16.8845C162.174 17.7246 162.508 18.2948 163.174 18.5948C163.87 18.8648 164.956 19.1049 166.434 19.3149C168.028 19.5549 169.331 19.855 170.346 20.215C171.389 20.5451 172.287 21.2052 173.041 22.1953C173.794 23.1855 174.171 24.6257 174.171 26.5159C174.171 28.6762 173.389 30.4166 171.824 31.737C170.288 33.0271 168.23 33.672 165.652 33.672Z"
-}, null, -1), Es = [
-  Ss
+}, null, -1), el = [
+  Qs
 ];
-function Vs(t, e) {
-  return p(), g("svg", Ts, Es);
+function tl(t, e) {
+  return p(), h("svg", Xs, el);
 }
-const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
+const nl = /* @__PURE__ */ ye(Ys, [["render", tl]]), ol = {
   "h-full": "",
   "w-full": "",
   flex: "",
   "items-center": ""
-}, Rs = {
+}, sl = {
   flex: "~ col gap2",
   ma: "",
   "px-5": ""
-}, Ds = /* @__PURE__ */ a("div", { "flex-auto": "" }, null, -1), Ps = {
+}, ll = /* @__PURE__ */ i("div", { "flex-auto": "" }, null, -1), al = {
   flex: "~ col",
   "mt-20": "",
   "items-center": ""
-}, Ms = {
+}, il = {
   flex: "~",
   "mt--10": "",
   "items-center": "",
   "justify-center": ""
-}, Hs = { class: "mr-1" }, Ls = {
+}, rl = { class: "mr-1" }, ul = {
   key: 0,
   class: "inline-block w20"
-}, Os = ["src", "alt"], js = {
+}, cl = ["src", "alt"], dl = {
   key: 1,
   class: "mr2 inline-block min-w-20 text-center text-10 font-600"
-}, zs = {
+}, pl = {
   mb6: "",
   "mt--1": "",
   "text-center": "",
   "text-sm": "",
   flex: "~ gap-1"
-}, Us = { op40: "" }, Bs = /* @__PURE__ */ a("div", { "flex-auto": "" }, null, -1), Zs = { flex: "~ gap2 wrap" }, Fs = /* @__PURE__ */ a("div", {
+}, fl = { op40: "" }, vl = /* @__PURE__ */ i("div", { "flex-auto": "" }, null, -1), hl = { flex: "~ gap2 wrap" }, ml = /* @__PURE__ */ i("div", {
   "i-carbon-tree-view-alt": "",
   "text-3xl": ""
-}, null, -1), Gs = /* @__PURE__ */ a("code", null, "State", -1), Ks = [
-  Fs,
-  Gs
-], Ws = /* @__PURE__ */ a("div", {
+}, null, -1), _l = /* @__PURE__ */ i("code", null, "State", -1), gl = [
+  ml,
+  _l
+], Cl = /* @__PURE__ */ i("div", {
   "i-mdi:timeline-clock-outline": "",
   "text-3xl": ""
-}, null, -1), Js = /* @__PURE__ */ a("div", null, "Timeline", -1), qs = [
-  Ws,
-  Js
-], Ys = {
+}, null, -1), xl = /* @__PURE__ */ i("div", null, "Timeline", -1), yl = [
+  Cl,
+  xl
+], bl = {
   flex: "~ gap-6 wrap",
   "mt-5": "",
   "items-center": "",
   "justify-center": ""
-}, Xs = ["href"], Qs = /* @__PURE__ */ a("div", { "i-carbon-document": "" }, null, -1), el = /* @__PURE__ */ a("div", { "flex-auto": "" }, null, -1), tl = /* @__PURE__ */ G({
+}, $l = ["href"], wl = /* @__PURE__ */ i("div", { "i-carbon-document": "" }, null, -1), kl = /* @__PURE__ */ i("div", { "flex-auto": "" }, null, -1), Il = /* @__PURE__ */ B({
   __name: "About",
   setup(t) {
-    const e = Ve(), n = De(), o = I(!1), s = I(!1);
-    function l() {
+    const e = De(), n = be(), o = I(!1), l = I(!1);
+    function s() {
       o.value = !0;
     }
-    function c() {
-      o.value = !0, s.value = !0;
+    function u() {
+      o.value = !0, l.value = !0;
     }
-    return (i, u) => {
+    return (c, d) => {
       var C;
-      return p(), g("div", As, [
-        a("div", Rs, [
-          Ds,
-          a("div", Ps, [
-            a("div", Ms, [
-              a("span", Hs, [
-                o.value ? z("", !0) : (p(), g("span", Ls)),
-                q(a("img", {
+      return p(), h("div", ol, [
+        i("div", sl, [
+          ll,
+          i("div", al, [
+            i("div", il, [
+              i("span", rl, [
+                o.value ? U("", !0) : (p(), h("span", ul)),
+                J(i("img", {
                   src: r(n).logo,
                   alt: `${r(n).label} Logo`,
                   class: "inline-block h16",
-                  onError: c,
-                  onLoad: l
-                }, null, 40, Os), [
-                  [Yt, o.value && !s.value]
+                  onError: u,
+                  onLoad: s
+                }, null, 40, cl), [
+                  [an, o.value && !l.value]
                 ]),
-                s.value ? (p(), g("span", js, ae(r(n).label), 1)) : z("", !0)
+                l.value ? (p(), h("span", dl, oe(r(n).label), 1)) : U("", !0)
               ]),
-              a("span", null, [
-                y(Ns, { "h-18": "" })
+              i("span", null, [
+                x(nl, { "h-18": "" })
               ])
             ]),
-            a("div", zs, [
-              a("span", Us, ae(r(n).label) + " DevTools ", 1)
+            i("div", pl, [
+              i("span", fl, oe(r(n).label) + " DevTools ", 1)
             ])
           ]),
-          Bs,
-          a("div", Zs, [
-            a("div", {
+          vl,
+          i("div", hl, [
+            i("div", {
               flex: "~ col auto",
               "min-w-40": "",
               p4: "",
               "theme-card-lime": "",
-              onClick: u[0] || (u[0] = (f) => r(e).push("/state"))
-            }, Ks),
-            (C = r(n).timelineLayerIds) != null && C.length ? (p(), g("div", {
+              onClick: d[0] || (d[0] = (v) => r(e).push("/state"))
+            }, gl),
+            (C = r(n).timelineLayerIds) != null && C.length ? (p(), h("div", {
               key: 0,
               flex: "~ col auto",
               "min-w-40": "",
               p4: "",
               "theme-card-lime": "",
-              onClick: u[1] || (u[1] = (f) => r(e).push("/timeline"))
-            }, qs)) : z("", !0)
+              onClick: d[1] || (d[1] = (v) => r(e).push("/timeline"))
+            }, yl)) : U("", !0)
           ]),
-          a("div", Ys, [
-            a("a", {
+          i("div", bl, [
+            i("a", {
               href: r(n).homepage,
               target: "_blank",
               flex: "~ gap1",
@@ -2740,147 +2913,171 @@ const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
               hover: "op100 text-yellow",
               transition: ""
             }, [
-              Qs,
-              te(" View Documentation ")
-            ], 8, Xs)
+              wl,
+              ne(" View Documentation ")
+            ], 8, $l)
           ]),
-          el
+          kl
         ])
       ]);
     };
   }
-}), nl = { class: "h-full flex flex-col" }, ol = { class: "h-full flex flex-col p2" }, sl = {
+}), Sl = { class: "h-full flex flex-col" }, Tl = /* @__PURE__ */ B({
+  __name: "Settings",
+  setup(t) {
+    const e = inject("pluginSettings"), n = be(), o = computed(() => e.value.options), l = computed(() => e.value.values);
+    function s(u) {
+      e.value = u;
+    }
+    return (u, c) => (p(), h("div", Sl, [
+      x(Te, {
+        "doc-link": r(n).homepage
+      }, {
+        default: M(() => [
+          x(Se)
+        ]),
+        _: 1
+      }, 8, ["doc-link"]),
+      x(Wt, {
+        "plugin-id": r(n).id,
+        options: r(o),
+        values: r(l),
+        onUpdate: s
+      }, null, 8, ["plugin-id", "options", "values"])
+    ]));
+  }
+}), El = { class: "h-full flex flex-col" }, Vl = { class: "h-full flex flex-col p2" }, Nl = {
   key: 0,
   class: "mb-1 flex justify-end pb-1",
   border: "b dashed base"
-}, ll = { class: "flex items-center gap-2 px-1" }, al = ["onClick"], il = { class: "no-scrollbar flex-1 select-none overflow-scroll" }, rl = { class: "h-full flex flex-col p2" }, cl = {
+}, Rl = { class: "flex items-center gap-2 px-1" }, Al = ["onClick"], Dl = { class: "no-scrollbar flex-1 select-none overflow-scroll" }, Pl = { class: "h-full flex flex-col p2" }, Ml = {
   key: 0,
   class: "mb-1 flex justify-end pb-1",
   border: "b dashed base"
-}, ul = { class: "flex items-center gap-2 px-1" }, dl = ["onClick"], pl = /* @__PURE__ */ G({
+}, Hl = { class: "flex items-center gap-2 px-1" }, Ll = ["onClick"], jl = /* @__PURE__ */ B({
   __name: "Index",
   setup(t) {
-    const { expanded: e } = ve(), { expanded: n } = ve("custom-inspector-state"), o = De(), s = D(() => o.value.id), l = I([]), c = I([]), i = I([]), u = D(() => {
-      var b, k;
-      return (b = i.value) != null && b.length ? x((k = i.value) == null ? void 0 : k[0]) : [];
-    }), C = D(() => $(i.value)), f = D(() => C.value.map((b) => b.id)), d = I(""), v = I({}), m = D(() => !Object.keys(v.value).length);
-    function x(b, k = [], _ = []) {
+    const { expanded: e } = ve(), { expanded: n } = ve("custom-inspector-state"), o = be(), l = D(() => o.value.id), s = I([]), u = I([]), c = I([]), d = D(() => {
+      var b, S;
+      return (b = c.value) != null && b.length ? y((S = c.value) == null ? void 0 : S[0]) : [];
+    }), C = D(() => k(c.value)), v = D(() => C.value.map((b) => b.id)), a = I(""), f = I({}), m = D(() => !Object.keys(f.value).length);
+    function y(b, S = [], g = []) {
       var A;
-      return k.push(b.id), ((A = b.children) == null ? void 0 : A.length) === 0 && _.push([...k]), Array.isArray(b.children) && b.children.forEach((U) => {
-        x(U, k, _);
-      }), k.pop(), _;
+      return S.push(b.id), ((A = b.children) == null ? void 0 : A.length) === 0 && g.push([...S]), Array.isArray(b.children) && b.children.forEach((F) => {
+        y(F, S, g);
+      }), S.pop(), g;
     }
-    function h(b, k) {
-      const _ = [];
+    function _(b, S) {
+      const g = [];
       return b == null || b.forEach((A) => {
-        _.push(...A.slice(0, k + 1));
-      }), [...new Set(_)];
-    }
-    function $(b) {
-      const k = [], _ = (A) => {
-        A == null || A.forEach((U) => {
-          var se;
-          k.push(U), (se = U.children) != null && se.length && _(U.children);
+        g.push(...A.slice(0, S + 1));
+      }), [...new Set(g)];
+    }
+    function k(b) {
+      const S = [], g = (A) => {
+        A == null || A.forEach((F) => {
+          var le;
+          S.push(F), (le = F.children) != null && le.length && g(F.children);
         });
       };
-      return _(b), k;
+      return g(b), S;
     }
-    function j() {
-      R.value.getInspectorNodeActions(s.value).then((b) => {
-        l.value = b;
+    function O() {
+      R.value.getInspectorNodeActions(l.value).then((b) => {
+        s.value = b;
       });
     }
-    function L() {
-      R.value.getInspectorActions(s.value).then((b) => {
-        c.value = b;
+    function j() {
+      R.value.getInspectorActions(l.value).then((b) => {
+        u.value = b;
       });
     }
-    j(), L();
-    function E(b) {
-      R.value.callInspectorNodeAction(s.value, b, d.value);
+    O(), j();
+    function V(b) {
+      R.value.callInspectorNodeAction(l.value, b, a.value);
     }
-    function w(b) {
-      R.value.callInspectorAction(s.value, b);
+    function $(b) {
+      R.value.callInspectorAction(l.value, b);
     }
-    function V(b) {
-      var k;
-      for (const _ in b)
-        (k = b[_]) != null && k.length || delete b[_];
+    function N(b) {
+      var S;
+      for (const g in b)
+        (S = b[g]) != null && S.length || delete b[g];
       return b;
     }
-    function M(b) {
-      R.value.getInspectorState({ inspectorId: s.value, nodeId: b }).then((k) => {
-        const _ = Y(k);
-        _ && (v.value = V(_), n.value = Array.from({ length: Object.keys(v.value).length }, (A, U) => `${U}`));
+    function H(b) {
+      R.value.getInspectorState({ inspectorId: l.value, nodeId: b }).then((S) => {
+        const g = Y(S);
+        g && (f.value = N(g), n.value = Array.from({ length: Object.keys(f.value).length }, (A, F) => `${F}`));
       });
     }
     function K() {
-      v.value = {};
+      f.value = {};
     }
-    X(d, () => {
-      K(), M(d.value);
+    X(a, () => {
+      K(), H(a.value);
     });
-    const B = () => {
-      R.value.getInspectorTree({ inspectorId: s.value, filter: "" }).then((b) => {
-        const k = Y(b);
-        i.value = k, !d.value && k.length && (d.value = k[0].id, e.value = h(u.value, 1), M(k[0].id));
+    const Z = () => {
+      R.value.getInspectorTree({ inspectorId: l.value, filter: "" }).then((b) => {
+        const S = Y(b);
+        c.value = S, !a.value && S.length && (a.value = S[0].id, e.value = _(d.value, 1), H(S[0].id));
       });
     };
-    Vt(s).toBeTruthy().then(B);
+    Pt(l).toBeTruthy().then(Z);
     function T(b) {
-      var _, A;
-      const k = Y(b);
-      !k.rootNodes.length || k.inspectorId !== s.value || (i.value = k.rootNodes, f.value.includes(d.value) || (d.value = (A = (_ = i.value) == null ? void 0 : _[0]) == null ? void 0 : A.id, e.value = h(u.value, 1)));
+      var g, A;
+      const S = Y(b);
+      !S.rootNodes.length || S.inspectorId !== l.value || (c.value = S.rootNodes, v.value.includes(a.value) || (a.value = (A = (g = c.value) == null ? void 0 : g[0]) == null ? void 0 : A.id, e.value = _(d.value, 1)));
     }
     function P(b) {
-      const k = Y(b);
-      if (k.inspectorId !== s.value || !k.state || k.nodeId !== d.value)
+      const S = Y(b);
+      if (S.inspectorId !== l.value || !S.state || S.nodeId !== a.value)
         return;
-      const { inspectorId: _, ...A } = k.state;
-      v.value = V(A);
+      const { inspectorId: g, ...A } = S.state;
+      f.value = N(A);
     }
-    return Ue(() => {
+    return Re(() => {
       R.functions.on(W.INSPECTOR_TREE_UPDATED, T), R.functions.on(W.INSPECTOR_STATE_UPDATED, P);
     }), xe(() => {
       R.functions.off(W.INSPECTOR_TREE_UPDATED, T), R.functions.off(W.INSPECTOR_STATE_UPDATED, P);
-    }), (b, k) => (p(), g("div", nl, [
-      y(Ze, {
+    }), (b, S) => (p(), h("div", El, [
+      x(Te, {
         "doc-link": r(o).homepage
       }, {
-        default: H(() => [
-          y(Be)
+        default: M(() => [
+          x(Se)
         ]),
         _: 1
       }, 8, ["doc-link"]),
-      i.value.length ? (p(), F(r(Ee), {
+      c.value.length ? (p(), z(r(Ae), {
         key: 0,
         class: "flex-1 overflow-auto"
       }, {
-        default: H(() => [
-          y(r(ue), {
+        default: M(() => [
+          x(r(ue), {
             border: "r base",
             size: "40",
             "h-full": ""
           }, {
-            default: H(() => {
-              var _;
+            default: M(() => {
+              var g;
               return [
-                a("div", ol, [
-                  (_ = c.value) != null && _.length ? (p(), g("div", sl, [
-                    a("div", ll, [
-                      (p(!0), g(oe, null, fe(c.value, (A, U) => q((p(), g("div", {
-                        key: U,
+                i("div", Vl, [
+                  (g = u.value) != null && g.length ? (p(), h("div", Nl, [
+                    i("div", Rl, [
+                      (p(!0), h(te, null, ae(u.value, (A, F) => J((p(), h("div", {
+                        key: F,
                         class: "flex items-center gap1",
-                        onClick: (se) => w(U)
+                        onClick: (le) => $(F)
                       }, [
-                        y(r(ft), {
+                        x(r(yt), {
                           name: `baseline-${A.icon.replace(/\_/g, "-")}`,
                           "cursor-pointer": "",
                           op70: "",
                           "text-base": "",
                           "hover:op100": ""
                         }, null, 8, ["name"])
-                      ], 8, al)), [
+                      ], 8, Al)), [
                         [
                           r(Q),
                           { content: A.tooltip },
@@ -2889,12 +3086,12 @@ const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
                         ]
                       ])), 128))
                     ])
-                  ])) : z("", !0),
-                  a("div", il, [
-                    y(Ae, {
-                      modelValue: d.value,
-                      "onUpdate:modelValue": k[0] || (k[0] = (A) => d.value = A),
-                      data: i.value
+                  ])) : U("", !0),
+                  i("div", Dl, [
+                    x(Me, {
+                      modelValue: a.value,
+                      "onUpdate:modelValue": S[0] || (S[0] = (A) => a.value = A),
+                      data: c.value
                     }, null, 8, ["modelValue", "data"])
                   ])
                 ])
@@ -2902,26 +3099,26 @@ const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
             }),
             _: 1
           }),
-          y(r(ue), { size: "60" }, {
-            default: H(() => {
-              var _;
+          x(r(ue), { size: "60" }, {
+            default: M(() => {
+              var g;
               return [
-                a("div", rl, [
-                  (_ = l.value) != null && _.length ? (p(), g("div", cl, [
-                    a("div", ul, [
-                      (p(!0), g(oe, null, fe(l.value, (A, U) => q((p(), g("div", {
-                        key: U,
+                i("div", Pl, [
+                  (g = s.value) != null && g.length ? (p(), h("div", Ml, [
+                    i("div", Hl, [
+                      (p(!0), h(te, null, ae(s.value, (A, F) => J((p(), h("div", {
+                        key: F,
                         class: "flex items-center gap1",
-                        onClick: (se) => E(U)
+                        onClick: (le) => V(F)
                       }, [
-                        y(r(ft), {
+                        x(r(yt), {
                           name: `baseline-${A.icon.replace(/\_/g, "-")}`,
                           "cursor-pointer": "",
                           op70: "",
                           "text-base": "",
                           "hover:op100": ""
                         }, null, 8, ["name"])
-                      ], 8, dl)), [
+                      ], 8, Ll)), [
                         [
                           r(Q),
                           { content: A.tooltip },
@@ -2930,17 +3127,17 @@ const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
                         ]
                       ])), 128))
                     ])
-                  ])) : z("", !0),
-                  d.value && !m.value ? (p(), F(Ne, {
+                  ])) : U("", !0),
+                  a.value && !m.value ? (p(), z(Pe, {
                     key: 1,
-                    data: v.value,
-                    "node-id": d.value,
-                    "inspector-id": s.value,
+                    data: f.value,
+                    "node-id": a.value,
+                    "inspector-id": l.value,
                     "expanded-state-id": "custom-inspector-state",
                     class: "no-scrollbar flex-1 select-none overflow-scroll"
-                  }, null, 8, ["data", "node-id", "inspector-id"])) : (p(), F(Se, { key: 2 }, {
-                    default: H(() => [
-                      te(" No Data ")
+                  }, null, 8, ["data", "node-id", "inspector-id"])) : (p(), z(Ne, { key: 2 }, {
+                    default: M(() => [
+                      ne(" No Data ")
                     ]),
                     _: 1
                   }))
@@ -2951,118 +3148,128 @@ const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
           })
         ]),
         _: 1
-      })) : (p(), F(Se, { key: 1 }, {
-        default: H(() => [
-          te(" No Data ")
+      })) : (p(), z(Ne, { key: 1 }, {
+        default: M(() => [
+          ne(" No Data ")
         ]),
         _: 1
       }))
     ]));
   }
-}), fl = /* @__PURE__ */ G({
+}), Ol = /* @__PURE__ */ B({
   __name: "Index",
   setup(t) {
-    const e = De();
-    return (n, o) => (p(), F(rt, {
+    const e = be();
+    return (n, o) => (p(), z(vt, {
       "layer-ids": r(e).timelineLayerIds,
       "doc-link": r(e).homepage
     }, null, 8, ["layer-ids", "doc-link"]));
   }
-}), vl = {}, hl = (t) => (Xe("data-v-b8018f07"), t = t(), Qe(), t), ml = { class: "h-screen w-screen $ui-fcc flex-col" }, _l = /* @__PURE__ */ hl(() => /* @__PURE__ */ a("div", { class: "outer" }, [
-  /* @__PURE__ */ a("div", { class: "inner" }, [
-    /* @__PURE__ */ a("i", {
+}), Ul = {}, zl = (t) => (ot("data-v-b8018f07"), t = t(), st(), t), Bl = { class: "h-screen w-screen $ui-fcc flex-col" }, Zl = /* @__PURE__ */ zl(() => /* @__PURE__ */ i("div", { class: "outer" }, [
+  /* @__PURE__ */ i("div", { class: "inner" }, [
+    /* @__PURE__ */ i("i", {
       class: "i-logos-vue inline-block h8! w8!",
       alt: "Vue logo"
     })
   ])
 ], -1));
-function gl(t, e) {
-  return p(), g("div", ml, [
-    _l,
-    qe(t.$slots, "default", {}, void 0, !0)
+function Fl(t, e) {
+  return p(), h("div", Bl, [
+    Zl,
+    et(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Cl = /* @__PURE__ */ ye(vl, [["render", gl], ["__scopeId", "data-v-b8018f07"]]), xl = {
+const Gl = /* @__PURE__ */ ye(Ul, [["render", Fl], ["__scopeId", "data-v-b8018f07"]]), Kl = {
   "h-full": "",
   "w-full": ""
-}, yl = { key: 0 }, Dl = /* @__PURE__ */ G({
+}, Wl = { key: 0 }, ia = /* @__PURE__ */ B({
   __name: "index",
   props: {
     id: {}
   },
   emits: ["loadError"],
   setup(t, { emit: e }) {
-    const n = t, o = e, s = zt(), l = I(!1), c = D(() => {
-      var f;
+    const n = t, o = e, l = Kt(), s = I(!1), u = I(null);
+    provide("pluginSettings", u);
+    const c = D(() => {
+      var a;
       return [
         {
           path: "/state",
           name: "State",
-          component: pl,
+          component: jl,
           icon: "i-carbon-tree-view-alt"
         },
-        ((f = s.value.timelineLayerIds) == null ? void 0 : f.length) && {
+        ((a = l.value.timelineLayerIds) == null ? void 0 : a.length) && {
           path: "/timeline",
           name: "Timeline",
-          component: fl,
+          component: Ol,
           icon: "i-mdi:timeline-clock-outline"
         },
         {
           path: "/about",
           name: "About",
-          component: tl
+          component: Il
+        },
+        u.value && {
+          path: "/settings",
+          name: "Settings",
+          component: Tl,
+          icon: "i-mdi:cog-outline"
         }
       ].filter(Boolean);
-    }), { VirtualRouterView: i, restoreRouter: u } = tt(c, {
+    }), { VirtualRouterView: d, restoreRouter: C } = it(c, {
       defaultRoutePath: "/state"
     });
-    function C() {
-      l.value = !0, Ue(() => {
-        R.value.getInspectorInfo(n.id).then((f) => {
-          if (!f) {
+    function v() {
+      s.value = !0, Re(() => {
+        R.value.getInspectorInfo(n.id).then((a) => {
+          if (!a) {
             o("loadError");
             return;
           }
-          const d = {
-            homepage: f == null ? void 0 : f.homepage,
-            id: f == null ? void 0 : f.id,
-            label: f == null ? void 0 : f.label,
-            logo: f == null ? void 0 : f.logo,
-            timelineLayerIds: f == null ? void 0 : f.timelineLayers.map((v) => v.id)
+          const f = {
+            homepage: a == null ? void 0 : a.homepage,
+            id: a == null ? void 0 : a.id,
+            label: a == null ? void 0 : a.label,
+            logo: a == null ? void 0 : a.logo,
+            timelineLayerIds: a == null ? void 0 : a.timelineLayers.map((m) => m.id)
           };
-          s.value = d, u(), l.value = !1;
+          l.value = f, C(), s.value = !1;
+        }), R.value.getPluginSettings(n.id).then((a) => {
+          a.options ? u.value = a : u.value = null;
         });
       });
     }
     return X(() => n.id, () => {
-      C();
+      v();
     }, {
       immediate: !0
     }), xe(() => {
       R.value.unhighlight();
-    }), (f, d) => (p(), g("div", xl, [
-      l.value ? (p(), g("div", yl, [
-        y(Cl)
-      ])) : (p(), F(r(i), { key: 1 }))
+    }), (a, f) => (p(), h("div", Kl, [
+      s.value ? (p(), h("div", Wl, [
+        x(Gl)
+      ])) : (p(), z(r(d), { key: 1 }))
     ]));
   }
 });
-function Pl() {
+function ra() {
   const t = I([]), e = I([]);
-  function n(s) {
-    e.value = s, s.length < t.value.length && (t.value = []), e.value.forEach((l) => {
-      o(l);
+  function n(l) {
+    e.value = l, l.length < t.value.length && (t.value = []), e.value.forEach((s) => {
+      o(s);
     });
   }
-  Ue(() => {
-    R.value.getCustomInspector().then((s) => {
-      e.value = s, e.value.forEach((l) => {
-        o(l);
+  Re(() => {
+    R.value.getCustomInspector().then((l) => {
+      e.value = l, e.value.forEach((s) => {
+        o(s);
       });
     }), R.functions.on(W.INSPECTOR_UPDATED, n);
   });
-  function o(s) {
-    t.value.some((l) => l.id === s.id) || t.value.push(s);
+  function o(l) {
+    t.value.some((s) => s.id === l.id) || t.value.push(l);
   }
   return xe(() => {
     R.functions.off(W.INSPECTOR_UPDATED, n);
@@ -3072,9 +3279,9 @@ function Pl() {
   };
 }
 export {
-  Al as Components,
-  Dl as CustomInspector,
-  Nl as Pinia,
-  Rl as Router,
-  Pl as useCustomInspector
+  la as Components,
+  ia as CustomInspector,
+  sa as Pinia,
+  aa as Router,
+  ra as useCustomInspector
 };