@ametie/vue-muza-use 1.2.4 → 1.2.6

package/dist/index.cjs

@@ -56,6 +56,17 @@ var import_vue2 = require("vue");
 
 // ../devtools/dist/index.mjs
 var import_vue = require("vue");
+(function() {
+  "use strict";
+  try {
+    if (typeof document < "u") {
+      var e = document.createElement("style");
+      e.appendChild(document.createTextNode('.logo-badge[data-v-f1971a55]{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 9px;background:var(--dt-primary);border-radius:99px;color:#fff;font-size:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 1px 6px #7c7bff59;box-shadow:0 1px 6px oklch(65% .25 280 / .35);-webkit-user-select:none;user-select:none;flex-shrink:0}.tab-bar[data-v-1b140f4a]{display:flex;align-items:center;background:var(--dt-nav);border-bottom:1px solid var(--dt-border-subtle);flex-shrink:0}.logo-slot[data-v-1b140f4a]{display:flex;align-items:center;padding:0 10px 0 12px;flex-shrink:0;opacity:.85}.tab-list[data-v-1b140f4a]{display:flex;align-items:center;flex:1;padding:0 6px;gap:2px;overflow-x:auto;scrollbar-width:none}.tab-list[data-v-1b140f4a]::-webkit-scrollbar{display:none}.tab-btn[data-v-1b140f4a]{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:13px;font-weight:500;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:color .15s ease-out,border-color .15s ease-out,transform .12s ease-out}.tab-btn[data-v-1b140f4a]:active{transform:scale(.97)}.tab-btn--active[data-v-1b140f4a]{color:var(--dt-vue-green);border-bottom-color:var(--dt-vue-green)}.tab-btn--inactive[data-v-1b140f4a]{color:var(--dt-foreground-muted)}.tab-btn--inactive[data-v-1b140f4a]:hover{color:var(--dt-foreground-secondary);background:var(--dt-surface)}.mode-switcher[data-v-1b140f4a]{display:flex;align-items:center;gap:2px;padding:0 6px;flex-shrink:0}.mode-btn[data-v-1b140f4a]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:none;background:transparent;color:var(--dt-foreground-muted);cursor:pointer;transition:background .12s ease-out,color .12s ease-out,transform .12s ease-out}.mode-btn[data-v-1b140f4a]:active{transform:scale(.97)}.mode-btn[data-v-1b140f4a]:hover{background:var(--dt-surface-raised);color:var(--dt-foreground-secondary)}.mode-btn--active[data-v-1b140f4a]{background:var(--dt-surface-raised);color:var(--dt-primary)}.mode-btn--active[data-v-1b140f4a]:hover{color:var(--dt-primary)}.mode-divider[data-v-1b140f4a]{width:1px;height:18px;background:var(--dt-border-subtle);margin-right:4px;flex-shrink:0}.settings-btn[data-v-1b140f4a]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:none;background:transparent;color:var(--dt-foreground-muted);cursor:pointer;flex-shrink:0;transition:background .12s ease-out,color .12s ease-out,transform .12s ease-out}.settings-btn[data-v-1b140f4a]:active{transform:scale(.97)}.settings-btn[data-v-1b140f4a]:hover{background:var(--dt-surface-raised);color:var(--dt-foreground-secondary)}.close-btn[data-v-1b140f4a]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:8px;border-radius:6px;border:none;background:transparent;color:var(--dt-foreground-muted);cursor:pointer;flex-shrink:0;transition:background .12s ease-out,color .12s ease-out,transform .12s ease-out}.close-btn[data-v-1b140f4a]:active{transform:scale(.97)}.close-btn[data-v-1b140f4a]:hover{background:var(--dt-surface-raised);color:var(--dt-foreground)}.launcher-pill[data-v-1b40fea8]{position:fixed;bottom:20px;right:20px;z-index:99999;display:flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 10px;background:var(--dt-primary);border-radius:99px;border:none;cursor:pointer;color:#fff;font-size:13px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 2px 12px #7c7bff59;box-shadow:0 2px 12px oklch(65% .25 280 / .35);transition:transform .15s ease-out,box-shadow .15s ease-out;pointer-events:auto}.launcher-pill[data-v-1b40fea8]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c7bff80;box-shadow:0 4px 16px oklch(65% .25 280 / .5)}.launcher-pill[data-v-1b40fea8]:active{transform:scale(.96);box-shadow:0 1px 6px #7c7bff40;box-shadow:0 1px 6px oklch(65% .25 280 / .25)}.devtools-panel[data-v-1b40fea8]{position:fixed;bottom:8px;left:12px;right:12px;z-index:99998;display:flex;flex-direction:column;background:var(--dt-background);color:var(--dt-foreground);border:1px solid var(--dt-border);border-radius:12px;overflow:hidden;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 -4px 32px #0000008c,0 0 0 1px #ffffff0a}.resize-handle[data-v-1b40fea8]{height:4px;flex-shrink:0;cursor:row-resize;background:var(--dt-border-subtle);transition:background .15s}.resize-handle[data-v-1b40fea8]:hover{background:var(--dt-primary)}.panel-content[data-v-1b40fea8]{flex:1;overflow:hidden;display:flex;flex-direction:column}.panel-enter-active[data-v-1b40fea8]{transition:transform .22s cubic-bezier(.32,.72,0,1),opacity .2s ease-out}.panel-leave-active[data-v-1b40fea8]{transition:transform .16s ease-in,opacity .16s ease-in}.panel-enter-from[data-v-1b40fea8],.panel-leave-to[data-v-1b40fea8]{transform:translateY(12px);opacity:0}.launcher-pill[data-v-c45ea08a]{position:fixed;bottom:20px;right:20px;z-index:99999;display:flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 10px;background:var(--dt-primary);border-radius:99px;border:none;cursor:pointer;color:#fff;font-size:13px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 2px 12px #7c7bff59;box-shadow:0 2px 12px oklch(65% .25 280 / .35);transition:transform .15s ease-out,box-shadow .15s ease-out;pointer-events:auto}.launcher-pill[data-v-c45ea08a]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c7bff80;box-shadow:0 4px 16px oklch(65% .25 280 / .5)}.launcher-pill[data-v-c45ea08a]:active{transform:scale(.96);box-shadow:0 1px 6px #7c7bff40;box-shadow:0 1px 6px oklch(65% .25 280 / .25)}.side-panel[data-v-c45ea08a]{position:fixed;top:10px;right:10px;bottom:10px;z-index:99998;display:flex;flex-direction:row;background:var(--dt-background);color:var(--dt-foreground);border:1px solid var(--dt-border);border-radius:14px;overflow:hidden;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:-8px 0 40px #0000008c,0 0 0 1px #ffffff0a}.resize-handle[data-v-c45ea08a]{width:4px;flex-shrink:0;cursor:col-resize;background:var(--dt-border-subtle);transition:background .15s}.resize-handle[data-v-c45ea08a]:hover{background:var(--dt-primary)}.panel-body[data-v-c45ea08a]{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.panel-content[data-v-c45ea08a]{flex:1;overflow:hidden;display:flex;flex-direction:column}.panel-enter-active[data-v-c45ea08a]{transition:transform .22s cubic-bezier(.32,.72,0,1),opacity .2s ease-out}.panel-leave-active[data-v-c45ea08a]{transition:transform .16s ease-in,opacity .16s ease-in}.panel-enter-from[data-v-c45ea08a],.panel-leave-to[data-v-c45ea08a]{transform:translate(12px);opacity:0}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-900:oklch(39.6% .141 25.723);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-900:oklch(39.3% .095 152.535);--color-blue-400:oklch(70.7% .165 254.624);--color-purple-400:oklch(71.4% .203 305.504);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-semibold:600;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-full{height:100%}.w-1\\/2{width:50%}.w-40{width:calc(var(--spacing) * 40)}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\\[3px\\]{border-radius:3px}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-neutral-700{border-color:var(--color-neutral-700)}.border-neutral-800{border-color:var(--color-neutral-800)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-900{background-color:var(--color-green-900)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-900{background-color:var(--color-red-900)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-900{background-color:var(--color-yellow-900)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-\\[5px\\]{padding-inline:5px}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-px{padding-block:1px}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[9px\\]{font-size:9px}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[0\\.4px\\]{--tw-tracking:.4px;letter-spacing:.4px}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-400{color:var(--color-blue-400)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-purple-400{color:var(--color-purple-400)}.text-red-300{color:var(--color-red-300)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.opacity-40{opacity:.4}.opacity-80{opacity:.8}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\\:text-white:hover{color:var(--color-white)}.hover\\:opacity-100:hover{opacity:1}}#vue-muza-devtools-root{--dt-background:oklch(22% .025 250);--dt-surface-sunken:oklch(15% .022 250);--dt-surface:oklch(19% .023 250);--dt-surface-raised:oklch(26% .024 250);--dt-surface-active:oklch(29% .022 250);--dt-primary:oklch(65% .25 282);--dt-primary-subtle:oklch(24% .1 282);--dt-foreground:oklch(90% .014 250);--dt-foreground-secondary:oklch(65% .018 250);--dt-foreground-muted:oklch(50% .018 250);--dt-foreground-subtle:oklch(38% .015 250);--dt-border-subtle:oklch(26% .02 250);--dt-border:oklch(32% .022 250);--dt-border-strong:oklch(42% .018 250);--dt-vue-green:oklch(78% .17 155);--dt-vue-green-subtle:oklch(24% .07 155);--dt-nav:oklch(16% .024 250);--dt-danger:oklch(63% .22 25);--dt-danger-subtle:oklch(24% .08 25);--dt-warning:oklch(74% .17 75);--dt-warning-subtle:oklch(24% .07 75);--dt-info:oklch(66% .18 240);--dt-info-subtle:oklch(24% .07 240);--dt-success:oklch(78% .17 155);--dt-success-subtle:oklch(24% .07 155)}@media(prefers-reduced-motion:reduce){#vue-muza-devtools-root .panel-enter-active,#vue-muza-devtools-root .panel-leave-active{transition:opacity .15s ease-out!important}#vue-muza-devtools-root .panel-enter-from,#vue-muza-devtools-root .panel-leave-to{opacity:0;transform:none!important}#vue-muza-devtools-root .settings-menu-enter-active,#vue-muza-devtools-root .settings-menu-leave-active{transition:opacity .1s ease-out!important}#vue-muza-devtools-root .settings-menu-enter-from,#vue-muza-devtools-root .settings-menu-leave-to{opacity:0;transform:none!important}#vue-muza-devtools-root .tree-arrow:before{transition:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-99118e1d],[data-v-99118e1d]:before,[data-v-99118e1d]:after,[data-v-99118e1d]::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial}}}.feature-badges[data-v-99118e1d]{align-items:center;gap:var(--spacing,.25rem);flex-shrink:0;display:flex;overflow:hidden}.badge[data-v-99118e1d]{border-style:var(--tw-border-style);--tw-border-style:solid;--tw-font-weight:var(--font-weight-semibold,600);font-size:9px;font-weight:var(--font-weight-semibold,600);--tw-tracking:.4px;letter-spacing:.4px;white-space:nowrap;text-transform:uppercase;border-style:solid;border-width:1px;border-radius:3px;flex-shrink:0;padding-block:1px;padding-inline:5px}.sep[data-v-99118e1d]{margin-inline:calc(var(--spacing,.25rem) * .5);opacity:.4}.badge--cache[data-v-99118e1d]{color:#00adb4;color:oklch(68% .18 200);background:#002023;background:oklch(22% .07 200);border-color:#003c3f;border-color:oklch(32% .1 200)}.badge--swr[data-v-99118e1d]{color:#00999f;color:oklch(62% .16 200);background:#002023;background:oklch(22% .07 200);border-color:#003c3f;border-color:oklch(32% .1 200)}.badge--retry[data-v-99118e1d]{color:#e88b00;color:oklch(72% .17 65);background:#2a1500;background:oklch(22% .07 65);border-color:#522e00;border-color:oklch(34% .1 65)}.badge--debounce[data-v-99118e1d]{color:#d78100;color:oklch(68% .16 65);background:#2a1500;background:oklch(22% .07 65);border-color:#522e00;border-color:oklch(34% .1 65)}.badge--polling[data-v-99118e1d]{color:#e88b00;color:oklch(72% .17 65);background:#2a1500;background:oklch(22% .07 65);border-color:#522e00;border-color:oklch(34% .1 65)}.badge--batch[data-v-99118e1d]{color:#6f83c3;background:#0d142c;border-color:#202b51}.badge--lazy[data-v-99118e1d]{color:#5f6fa1;background:#0f1528;border-color:#1d2746}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}.request-row[data-v-e5492c3f]{display:flex;align-items:stretch;cursor:pointer;border-bottom:1px solid var(--dt-border-subtle);transition:background .12s;position:relative;min-height:52px}.request-row[data-v-e5492c3f]:hover{background:var(--dt-surface)}.request-row--active[data-v-e5492c3f]{background:var(--dt-surface-raised)}.request-row--active[data-v-e5492c3f]:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--dt-primary)}.accent-bar[data-v-e5492c3f]{width:3px;flex-shrink:0}.accent-bar--success[data-v-e5492c3f]{background:var(--dt-vue-green)}.accent-bar--error[data-v-e5492c3f]{background:var(--dt-danger)}.accent-bar--pending[data-v-e5492c3f],.accent-bar--aborted[data-v-e5492c3f]{background:var(--dt-foreground-subtle)}.row-body[data-v-e5492c3f]{flex:1;min-width:0;padding:9px 12px}.row-top[data-v-e5492c3f]{display:flex;align-items:center;gap:8px;margin-bottom:5px;min-width:0}.row-url[data-v-e5492c3f]{font-size:12px;font-weight:500;color:var(--dt-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.row-meta[data-v-e5492c3f]{display:flex;align-items:center;gap:10px;font-size:11px}.meta-duration[data-v-e5492c3f]{color:var(--dt-foreground-muted)}.meta-time[data-v-e5492c3f]{color:var(--dt-foreground-subtle);margin-left:auto}.method-badge[data-v-e5492c3f]{font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 6px;border-radius:4px;flex-shrink:0;font-family:SF Mono,Fira Code,Consolas,monospace}.method-get[data-v-e5492c3f]{background:var(--dt-info-subtle);color:var(--dt-info)}.method-post[data-v-e5492c3f]{background:var(--dt-success-subtle);color:var(--dt-success)}.method-put[data-v-e5492c3f]{background:var(--dt-warning-subtle);color:var(--dt-warning)}.method-patch[data-v-e5492c3f]{background:#002629;background:oklch(24% .07 200);color:#00a6ad;color:oklch(66% .18 200)}.method-delete[data-v-e5492c3f]{background:var(--dt-danger-subtle);color:var(--dt-danger)}.detail-header[data-v-ee649b7a]{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--dt-nav);border-bottom:1px solid var(--dt-border-subtle);flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.status-chip[data-v-ee649b7a]{font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;flex-shrink:0}.s-2xx[data-v-ee649b7a]{background:var(--dt-success-subtle);color:var(--dt-success)}.s-3xx[data-v-ee649b7a]{background:var(--dt-info-subtle);color:var(--dt-info)}.s-4xx[data-v-ee649b7a]{background:var(--dt-warning-subtle);color:var(--dt-warning)}.s-5xx[data-v-ee649b7a]{background:var(--dt-danger-subtle);color:var(--dt-danger)}.s-pending[data-v-ee649b7a]{background:var(--dt-surface-raised);color:var(--dt-foreground-subtle)}.req-method[data-v-ee649b7a]{font-size:12px;font-weight:600;color:var(--dt-foreground-secondary);flex-shrink:0}.req-url[data-v-ee649b7a]{font-size:12px;font-weight:500;color:var(--dt-foreground);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.req-meta[data-v-ee649b7a]{display:flex;gap:12px;flex-shrink:0;font-size:11px;color:var(--dt-foreground-muted)}.close-btn[data-v-ee649b7a]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;border:none;background:transparent;color:var(--dt-foreground-muted);cursor:pointer;flex-shrink:0;transition:background .12s ease-out,color .12s ease-out,transform .12s ease-out}.close-btn[data-v-ee649b7a]:active{transform:scale(.97)}.close-btn[data-v-ee649b7a]:hover{background:var(--dt-surface-raised);color:var(--dt-foreground)}.detail-tabs[data-v-c3c26245]{display:flex;background:var(--dt-nav);border-bottom:1px solid var(--dt-border-subtle);flex-shrink:0}.tab-btn[data-v-c3c26245]{height:36px;padding:0 14px;font-size:12px;font-weight:500;color:var(--dt-foreground-muted);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:color .15s ease-out,border-color .15s ease-out,transform .12s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tab-btn[data-v-c3c26245]:hover{color:var(--dt-foreground-secondary)}.tab-btn[data-v-c3c26245]:active{transform:scale(.97)}.tab-btn--active[data-v-c3c26245]{color:var(--dt-primary);border-bottom-color:var(--dt-primary)}.json-root[data-v-4994acd4]{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.7;white-space:pre;overflow-x:auto;color:var(--dt-foreground);margin:0}.json-root[data-v-4994acd4] .json-key{color:#6da4ff;color:oklch(72% .17 260)}.json-root[data-v-4994acd4] .json-string{color:#54bf5c}.json-root[data-v-4994acd4] .json-number{color:#fe860f}.json-root[data-v-4994acd4] .json-bool{color:#ff716b;color:oklch(72% .18 25)}.tree-node[data-v-e08fddee]{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.tree-row[data-v-e08fddee]{display:flex;align-items:center;gap:3px;line-height:1.7;min-height:22px}.tree-row[data-v-e08fddee]:hover{background:var(--dt-surface-raised, #ffffff08)}.tree-arrow[data-v-e08fddee]{width:14px;height:14px;flex-shrink:0;color:var(--dt-foreground-subtle, #6b7280);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.tree-arrow[data-v-e08fddee]:hover{color:var(--dt-primary, #a78bfa)}.tree-arrow[data-v-e08fddee]:before{content:"";display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s cubic-bezier(.23,1,.32,1);margin-top:-2px}.tree-arrow--open[data-v-e08fddee]:before{transform:rotate(45deg)}.tree-key[data-v-e08fddee]{color:#a491ff;color:oklch(72% .17 290);flex-shrink:0}.tree-colon[data-v-e08fddee]{color:var(--dt-border-strong, #374151);flex-shrink:0}.tree-badge[data-v-e08fddee]{display:inline-flex;align-items:center;gap:4px;background:var(--dt-surface-raised, #1e1b4b);border:1px solid var(--dt-border, #3730a3);color:#6da4ff;color:oklch(72% .17 260);border-radius:3px;padding:0 6px;font-size:11px;cursor:pointer;transition:background .1s,color .1s}.tree-badge[data-v-e08fddee]:hover{background:var(--dt-primary-subtle, #312e81);color:var(--dt-primary, #a78bfa)}.tree-val--string[data-v-e08fddee]{color:#54bf5c}.tree-val--number[data-v-e08fddee]{color:#fe860f}.tree-val--boolean[data-v-e08fddee]{color:#ff716b;color:oklch(72% .18 25)}.tree-val--null[data-v-e08fddee]{color:var(--dt-foreground-subtle, #6b7280)}.tree-viewer[data-v-f9bec403]{padding:4px 0}.data-pane[data-v-096ab11d]{display:flex;flex-direction:column;height:100%;overflow:hidden}.pane-header[data-v-096ab11d]{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--dt-surface);border-bottom:1px solid var(--dt-border-subtle);flex-shrink:0}.pane-title[data-v-096ab11d]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--dt-foreground-muted);flex:1}.pane-action[data-v-096ab11d]{height:22px;padding:0 8px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--dt-border);background:transparent;color:var(--dt-foreground-muted);transition:all .12s;flex-shrink:0}.pane-action[data-v-096ab11d]:hover{background:var(--dt-surface-raised);color:var(--dt-foreground-secondary);border-color:var(--dt-border-strong)}.pane-action--active[data-v-096ab11d]{background:var(--dt-primary-subtle);color:var(--dt-primary);border-color:var(--dt-primary)}.pane-body[data-v-096ab11d]{flex:1;overflow:auto;padding:12px}.pane-body[data-v-096ab11d]::-webkit-scrollbar{width:4px;height:4px}.pane-body[data-v-096ab11d]::-webkit-scrollbar-thumb{background:var(--dt-border-strong);border-radius:2px}.truncated-warning[data-v-096ab11d]{font-size:11px;color:var(--dt-warning);margin-bottom:8px}.payload-pane[data-v-0c05535b]{display:flex;flex-direction:column;height:100%;overflow:hidden}.pane-header[data-v-0c05535b]{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--dt-surface);border-bottom:1px solid var(--dt-border-subtle);flex-shrink:0}.pane-title[data-v-0c05535b]{font-size:10px;font-weight:600;letter-spacing:.6px;color:var(--dt-foreground-muted);flex:1}.pane-action[data-v-0c05535b]{height:22px;padding:0 8px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--dt-border);background:transparent;color:var(--dt-foreground-muted);transition:all .12s;flex-shrink:0}.pane-action[data-v-0c05535b]:hover{background:var(--dt-surface-raised);color:var(--dt-foreground-secondary);border-color:var(--dt-border-strong)}.pane-action--active[data-v-0c05535b]{background:var(--dt-primary-subtle);color:var(--dt-primary);border-color:var(--dt-primary)}.section-label[data-v-0c05535b]{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dt-foreground-subtle);background:var(--dt-surface);border-bottom:1px solid var(--dt-border-subtle);flex-shrink:0}.section-count[data-v-0c05535b]{background:var(--dt-primary-subtle);color:var(--dt-primary);border-radius:3px;padding:1px 5px;font-size:9px}.section-body[data-v-0c05535b]{overflow:auto;padding:6px 12px;flex-shrink:0;max-height:50%}.section-body[data-v-0c05535b]::-webkit-scrollbar{width:4px;height:4px}.section-body[data-v-0c05535b]::-webkit-scrollbar-thumb{background:var(--dt-border-strong);border-radius:2px}.section-empty[data-v-0c05535b]{padding:8px 12px;font-size:11px;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--dt-foreground-subtle);flex-shrink:0}.section-divider[data-v-0c05535b]{height:1px;background:var(--dt-border-subtle);flex-shrink:0}.truncated-warning[data-v-0c05535b]{font-size:11px;color:var(--dt-warning);margin-bottom:8px}.split-view[data-v-b07544b9]{display:flex;height:100%;overflow:hidden}.split-view--row[data-v-b07544b9]{flex-direction:row}.split-view--stacked[data-v-b07544b9]{flex-direction:column}.split-pane[data-v-b07544b9]{flex:1;overflow:hidden}.split-view--row .split-pane[data-v-b07544b9]{min-width:120px}.split-view--stacked .split-pane[data-v-b07544b9]{min-height:80px}.split-handle[data-v-b07544b9]{flex-shrink:0;background:var(--dt-border-subtle);transition:background .15s}.split-handle--v[data-v-b07544b9]{width:5px;cursor:col-resize}.split-handle--h[data-v-b07544b9]{height:5px;cursor:row-resize}.split-handle[data-v-b07544b9]:hover{background:var(--dt-primary)}.request-detail[data-v-5e83c1d2]{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--dt-surface-sunken)}.detail-content[data-v-5e83c1d2]{flex:1;overflow:hidden;display:flex;flex-direction:column}.headers-view[data-v-5e83c1d2]{flex:1;padding:12px;overflow-y:auto;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.headers-view[data-v-5e83c1d2]::-webkit-scrollbar{width:4px}.headers-view[data-v-5e83c1d2]::-webkit-scrollbar-thumb{background:var(--dt-border-strong);border-radius:2px}.header-row[data-v-5e83c1d2]{display:flex;gap:12px;padding:6px 0;border-bottom:1px solid var(--dt-border-subtle)}.header-row[data-v-5e83c1d2]:last-child{border-bottom:none}.header-key[data-v-5e83c1d2]{color:#6da4ff;color:oklch(72% .17 260);width:38%;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-val[data-v-5e83c1d2]{color:var(--dt-foreground-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.empty-msg[data-v-5e83c1d2]{color:var(--dt-foreground-subtle);font-size:12px}.select-input[data-v-e6ef5dc9]{width:200px;height:30px;background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:7px;color:var(--dt-foreground-secondary);font-size:12px;padding:0 8px;cursor:pointer;outline:none;flex-shrink:0}.select-input[data-v-e6ef5dc9]:focus{border-color:var(--dt-primary)}.network-tab[data-v-32459aba]{display:flex;flex-direction:column;height:100%;background:var(--dt-background);position:relative}.toolbar[data-v-32459aba]{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--dt-surface);border-bottom:1px solid var(--dt-border-subtle);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.toolbar[data-v-32459aba]::-webkit-scrollbar{display:none}.toolbar-input[data-v-32459aba]{flex:1;height:30px;background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:7px;color:var(--dt-foreground);font-size:12px;padding:0 10px;outline:none}.toolbar-input[data-v-32459aba]::placeholder{color:var(--dt-foreground-subtle)}.toolbar-input[data-v-32459aba]:focus{border-color:var(--dt-primary)}.toolbar-btn[data-v-32459aba]{height:30px;padding:0 12px;background:transparent;border:1px solid var(--dt-border);border-radius:7px;color:var(--dt-foreground-muted);font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .12s ease-out}.toolbar-btn[data-v-32459aba]:active{transform:scale(.97)}.toolbar-btn[data-v-32459aba]:hover{background:var(--dt-surface-raised);color:var(--dt-foreground)}.toolbar-btn--danger[data-v-32459aba]:hover{background:#250e10;color:#f9667a;border-color:#5d262d}.filter-bar[data-v-32459aba]{display:flex;align-items:center;gap:4px;padding:7px 12px;background:var(--dt-surface);border-bottom:1px solid var(--dt-border-subtle);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.filter-bar[data-v-32459aba]::-webkit-scrollbar{display:none}.filter-pill[data-v-32459aba]{height:24px;padding:0 10px;border-radius:99px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--dt-foreground-muted);text-transform:capitalize;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .12s ease-out}.filter-pill[data-v-32459aba]:active{transform:scale(.97)}.filter-pill[data-v-32459aba]:hover{background:var(--dt-surface-raised);color:var(--dt-foreground-secondary)}.filter-pill--active[data-v-32459aba]{background:var(--dt-primary-subtle);color:var(--dt-primary);border-color:var(--dt-primary)}.filter-count[data-v-32459aba]{margin-left:auto;font-size:11px;color:var(--dt-foreground-subtle)}.main-split[data-v-32459aba]{display:flex;flex:1;overflow:hidden}.list-pane[data-v-32459aba]{min-width:180px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.detail-pane[data-v-32459aba]{flex:1;min-width:200px;overflow:hidden}.drag-handle[data-v-32459aba]{width:5px;flex-shrink:0;cursor:col-resize;background:var(--dt-border-subtle);transition:background .15s ease-out}.drag-handle[data-v-32459aba]:hover{background:var(--dt-primary)}.settings-menu[data-v-32459aba]{position:absolute;right:8px;top:0;z-index:100;background:var(--dt-nav);border:1px solid var(--dt-border);border-radius:8px;padding:4px;box-shadow:0 8px 24px #00000080;min-width:160px;transform-origin:top right}.settings-item[data-v-32459aba]{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;color:var(--dt-foreground);font-size:12px;cursor:pointer;border-radius:5px;text-align:left;transition:background .12s ease-out,transform .12s ease-out}.settings-item[data-v-32459aba]:active{transform:scale(.97)}.settings-item[data-v-32459aba]:hover{background:var(--dt-surface-raised)}.settings-check[data-v-32459aba]{width:14px;height:14px;border:1px solid var(--dt-border-strong);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.settings-check--on[data-v-32459aba]{background:var(--dt-primary);border-color:var(--dt-primary)}.settings-menu-enter-active[data-v-32459aba]{transition:transform .15s cubic-bezier(.23,1,.32,1),opacity .15s ease-out}.settings-menu-leave-active[data-v-32459aba]{transition:transform .1s ease-in,opacity .1s ease-in}.settings-menu-enter-from[data-v-32459aba],.settings-menu-leave-to[data-v-32459aba]{transform:scale(.95) translateY(-4px);opacity:0}')), document.head.appendChild(e);
+    }
+  } catch (r) {
+    console.error("vite-plugin-css-injected-by-js", r);
+  }
+})();
 var A = (0, import_vue.reactive)({
   instances: /* @__PURE__ */ new Map(),
   requests: [],
@@ -73,16 +84,16 @@ function ke(e, i) {
     return { value: "[non-serializable]", truncated: true };
   }
 }
-var at = (0, import_vue.computed)(
+var Vt = (0, import_vue.computed)(
   () => A.instances
 );
-var qe = (0, import_vue.computed)(
+var ft = (0, import_vue.computed)(
   () => A.requests
 );
-function Ft(e) {
+function Nt(e) {
   A.instances.clear(), A.requests.splice(0), A.config.maxHistory = e.maxHistory ?? 300, A.config.maxPayloadSize = e.maxPayloadSize ?? 2e5;
 }
-function Pt(e, i, t) {
+function Wt(e, i, t) {
   A.instances.set(e, {
     id: e,
     url: i,
@@ -94,14 +105,15 @@ function Pt(e, i, t) {
     lastRequestAt: null
   });
 }
-function Rt(e) {
+function Ht(e) {
   A.instances.delete(e);
 }
-function jt(e, i) {
+function Bt(e, i) {
   const t = A.instances.get(e);
   t && (t.state = { ...t.state, ...i });
 }
-function Dt(e) {
+function Kt(e) {
+  var l;
   const { value: i, truncated: t } = ke(e.payload, A.config.maxPayloadSize), { value: n, truncated: s } = ke(e.queryParams, A.config.maxPayloadSize), o = {
     ...e,
     payload: i,
@@ -109,14 +121,15 @@ function Dt(e) {
     duration: null,
     response: null,
     error: null,
-    truncated: t || s
+    truncated: t || s,
+    instanceOptions: e.instanceId ? (l = A.instances.get(e.instanceId)) == null ? void 0 : l.options : void 0
   };
   if (A.requests.length >= A.config.maxHistory && A.requests.shift(), A.requests.push(o), e.instanceId) {
-    const l = A.instances.get(e.instanceId);
-    l && (l.requestCount++, l.lastRequestAt = e.startedAt);
+    const r = A.instances.get(e.instanceId);
+    r && (r.requestCount++, r.lastRequestAt = e.startedAt);
   }
 }
-function Vt(e, i) {
+function Ut(e, i) {
   const t = A.requests.findIndex((s) => s.id === e);
   if (t === -1) return;
   const n = A.requests[t];
@@ -141,65 +154,62 @@ function Vt(e, i) {
     duration: i.duration
   } : A.requests[t] = { ...n, status: "aborted", duration: i.duration };
 }
-function He() {
+function We() {
   A.requests.splice(0);
 }
-function Nt(e) {
-  return A.requests.filter((i) => i.instanceId === e);
-}
-var se = (0, import_vue.reactive)({ tabs: [] });
-var Q = (0, import_vue.computed)(
-  () => [...se.tabs].sort((e, i) => e.order - i.order)
+var oe = (0, import_vue.reactive)({ tabs: [] });
+var G = (0, import_vue.computed)(
+  () => [...oe.tabs].sort((e, i) => e.order - i.order)
 );
-function Be(e) {
-  if (se.tabs.some((t) => t.id === e.id)) return;
-  const i = e.order ?? se.tabs.length + 10;
-  se.tabs.push({ ...e, order: i, component: (0, import_vue.markRaw)(e.component) });
+function He(e) {
+  if (oe.tabs.some((t) => t.id === e.id)) return;
+  const i = e.order ?? oe.tabs.length + 10;
+  oe.tabs.push({ ...e, order: i, component: (0, import_vue.markRaw)(e.component) });
 }
-function Wt(e, i, t) {
-  Pt(e, i, t);
+function Jt(e, i, t) {
+  Wt(e, i, t);
 }
-function Ht(e) {
-  Rt(e);
+function Xt(e) {
+  Ht(e);
 }
-function Bt(e, i) {
-  jt(e, i);
+function Qt(e, i) {
+  Bt(e, i);
 }
-function Kt(e) {
-  Dt(e);
+function Gt(e) {
+  Kt(e);
 }
-function Ut(e, i) {
-  Vt(e, i);
+function Yt(e, i) {
+  Ut(e, i);
 }
-function $e(e) {
+function qe(e) {
   return new Promise((i, t) => {
     e.oncomplete = e.onsuccess = () => i(e.result), e.onabort = e.onerror = () => t(e.error);
   });
 }
-function Jt(e, i) {
+function Zt(e, i) {
   let t;
   const n = () => {
     if (t)
       return t;
     const s = indexedDB.open(e);
-    return s.onupgradeneeded = () => s.result.createObjectStore(i), t = $e(s), t.then((o) => {
+    return s.onupgradeneeded = () => s.result.createObjectStore(i), t = qe(s), t.then((o) => {
       o.onclose = () => t = void 0;
     }, () => {
     }), t;
   };
   return (s, o) => n().then((l) => o(l.transaction(i, s).objectStore(i)));
 }
-var ye;
-function ct() {
-  return ye || (ye = Jt("keyval-store", "keyval")), ye;
+var be;
+function pt() {
+  return be || (be = Zt("keyval-store", "keyval")), be;
 }
-function H(e, i = ct()) {
-  return i("readonly", (t) => $e(t.get(e)));
+function W(e, i = pt()) {
+  return i("readonly", (t) => qe(t.get(e)));
 }
-function B(e, i, t = ct()) {
-  return t("readwrite", (n) => (n.put(i, e), $e(n.transaction)));
+function H(e, i, t = pt()) {
+  return t("readwrite", (n) => (n.put(i, e), qe(n.transaction)));
 }
-var R = {
+var F = {
   panelHeight: "vmd:panel-height",
   panelMode: "vmd:panel-mode",
   panelSideWidth: "vmd:panel-side-width",
@@ -207,81 +217,95 @@ var R = {
   networkToolbarVisible: "vmd:network-toolbar-visible",
   networkFilterVisible: "vmd:network-filter-visible",
   splitPayloadWidth: "vmd:split-payload-width",
+  splitPayloadHeight: "vmd:split-payload-height",
+  listWidth: "vmd:list-width",
   payloadFormat: "vmd:payload-format",
   responseFormat: "vmd:response-format"
 };
-async function Xt() {
-  return H(R.activeTab);
+async function en() {
+  return W(F.activeTab);
 }
-async function Qt(e) {
-  return B(R.activeTab, e);
+async function tn(e) {
+  return H(F.activeTab, e);
 }
-async function Gt() {
-  return H(R.panelHeight);
+async function nn() {
+  return W(F.panelHeight);
 }
-async function Yt(e) {
-  return B(R.panelHeight, e);
+async function sn(e) {
+  return H(F.panelHeight, e);
 }
-async function Zt() {
-  return await H(R.panelMode) ?? "side";
+async function on() {
+  return await W(F.panelMode) ?? "side";
 }
-async function en(e) {
-  return B(R.panelMode, e);
+async function ln(e) {
+  return H(F.panelMode, e);
 }
-async function tn() {
-  return H(R.panelSideWidth);
+async function rn() {
+  return W(F.panelSideWidth);
 }
-async function nn(e) {
-  return B(R.panelSideWidth, e);
+async function an(e) {
+  return H(F.panelSideWidth, e);
 }
-async function sn() {
-  return await H(R.networkToolbarVisible) ?? true;
+async function cn() {
+  return await W(F.networkToolbarVisible) ?? true;
 }
-async function on(e) {
-  return B(R.networkToolbarVisible, e);
+async function un(e) {
+  return H(F.networkToolbarVisible, e);
 }
-async function ln() {
-  return await H(R.networkFilterVisible) ?? true;
+async function dn() {
+  return await W(F.networkFilterVisible) ?? true;
 }
-async function rn(e) {
-  return B(R.networkFilterVisible, e);
+async function hn(e) {
+  return H(F.networkFilterVisible, e);
 }
-async function an() {
-  return H(R.splitPayloadWidth);
+async function Be() {
+  return W(F.splitPayloadWidth);
 }
-async function cn(e) {
-  return B(R.splitPayloadWidth, e);
+async function fn(e) {
+  return H(F.splitPayloadWidth, e);
 }
-async function un() {
-  return await H(R.payloadFormat) ?? "kv";
+async function Ke() {
+  return W(F.splitPayloadHeight);
 }
-async function dn(e) {
-  return B(R.payloadFormat, e);
+async function pn(e) {
+  return H(F.splitPayloadHeight, e);
 }
-async function hn() {
-  return await H(R.responseFormat) ?? "json";
+async function mn() {
+  return await W(F.payloadFormat) ?? "kv";
 }
-async function fn(e) {
-  return B(R.responseFormat, e);
-}
-var pn = 360;
-var mn = 200;
-var vn = 0.8;
-var gn = 380;
-var yn = 280;
-var bn = 0.6;
-var wn = (0, import_vue.ref)(false);
-var te = (0, import_vue.ref)("side");
-var be = false;
-function fe() {
-  const e = (0, import_vue.ref)(pn), i = wn, t = te, n = (0, import_vue.ref)(gn);
+async function vn(e) {
+  return H(F.payloadFormat, e);
+}
+async function gn() {
+  return await W(F.responseFormat) ?? "json";
+}
+async function yn(e) {
+  return H(F.responseFormat, e);
+}
+async function bn() {
+  return W(F.listWidth);
+}
+async function wn(e) {
+  return H(F.listWidth, e);
+}
+var Sn = 360;
+var xn = 200;
+var _n = 0.8;
+var kn = 380;
+var In = 280;
+var En = 0.6;
+var Tn = (0, import_vue.ref)(false);
+var se = (0, import_vue.ref)("side");
+var we = false;
+function me() {
+  const e = (0, import_vue.ref)(Sn), i = Tn, t = se, n = (0, import_vue.ref)(kn);
   (0, import_vue.onMounted)(async () => {
     const [d, w, p] = await Promise.all([
-      Gt(),
-      be ? Promise.resolve(te.value) : Zt(),
-      tn()
+      nn(),
+      we ? Promise.resolve(se.value) : on(),
+      rn()
     ]);
-    d !== void 0 && (e.value = d), be || (te.value = w, be = true), p !== void 0 && (n.value = p);
+    d !== void 0 && (e.value = d), we || (se.value = w, we = true), p !== void 0 && (n.value = p);
   });
   function s() {
     i.value = !i.value;
@@ -290,85 +314,85 @@ function fe() {
     i.value = false;
   }
   function l(d) {
-    te.value = d, en(d);
+    se.value = d, ln(d);
   }
   let r = false, a = null, c = null;
   function u(d) {
     const w = d.clientY, p = e.value;
     r = true;
-    function b(x) {
+    function y(x) {
       if (!r) return;
-      const T = Math.floor(window.innerHeight * vn);
-      e.value = Math.max(mn, Math.min(p + (w - x.clientY), T));
+      const T = Math.floor(window.innerHeight * _n);
+      e.value = Math.max(xn, Math.min(p + (w - x.clientY), T));
     }
     function v() {
-      r = false, a = null, Yt(e.value), window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", v);
+      r = false, a = null, sn(e.value), window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", v);
     }
     a = () => {
-      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", v);
-    }, window.addEventListener("mousemove", b), window.addEventListener("mouseup", v), d.preventDefault();
+      window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", v);
+    }, window.addEventListener("mousemove", y), window.addEventListener("mouseup", v), d.preventDefault();
   }
   function g(d) {
     const w = d.clientX, p = n.value;
     r = true;
-    function b(x) {
+    function y(x) {
       if (!r) return;
-      const T = Math.floor(window.innerWidth * bn);
-      n.value = Math.max(yn, Math.min(p + (w - x.clientX), T));
+      const T = Math.floor(window.innerWidth * En);
+      n.value = Math.max(In, Math.min(p + (w - x.clientX), T));
     }
     function v() {
-      r = false, c = null, nn(n.value), window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", v);
+      r = false, c = null, an(n.value), window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", v);
     }
     c = () => {
-      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", v);
-    }, window.addEventListener("mousemove", b), window.addEventListener("mouseup", v), d.preventDefault();
+      window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", v);
+    }, window.addEventListener("mousemove", y), window.addEventListener("mouseup", v), d.preventDefault();
   }
   return (0, import_vue.onScopeDispose)(() => {
     a == null || a(), c == null || c();
   }), { height: e, isOpen: i, panelMode: t, sideWidth: n, startResizeHeight: u, startResizeSideWidth: g, switchMode: l, toggle: s, close: o };
 }
-function ut() {
+function mt() {
   const e = (0, import_vue.ref)(null);
   (0, import_vue.onMounted)(async () => {
-    const n = await Xt();
-    n ? e.value = n : Q.value.length > 0 && (e.value = Q.value[0].id);
+    const n = await en();
+    n ? e.value = n : G.value.length > 0 && (e.value = G.value[0].id);
   }), (0, import_vue.watch)(e, (n) => {
-    n && Qt(n);
+    n && tn(n);
   });
   const i = (0, import_vue.computed)(
-    () => Q.value.find((n) => n.id === e.value) ?? Q.value[0] ?? null
+    () => G.value.find((n) => n.id === e.value) ?? G.value[0] ?? null
   );
   function t(n) {
     e.value = n;
   }
-  return { registeredTabs: Q, activeTabId: e, activeTab: i, setActiveTab: t };
+  return { registeredTabs: G, activeTabId: e, activeTab: i, setActiveTab: t };
 }
-var ne = (0, import_vue.ref)(false);
-function Le() {
+var ie = (0, import_vue.ref)(false);
+function $e() {
   const e = (0, import_vue.ref)(true), i = (0, import_vue.ref)(true);
   (0, import_vue.onMounted)(async () => {
     const [l, r] = await Promise.all([
-      sn(),
-      ln()
+      cn(),
+      dn()
     ]);
     e.value = l, i.value = r;
   });
   function t() {
-    e.value = !e.value, on(e.value);
+    e.value = !e.value, un(e.value);
   }
   function n() {
-    i.value = !i.value, rn(i.value);
+    i.value = !i.value, hn(i.value);
   }
   function s() {
-    ne.value = !ne.value;
+    ie.value = !ie.value;
   }
   function o() {
-    ne.value = false;
+    ie.value = false;
   }
-  return { toolbarVisible: e, filterVisible: i, settingsOpen: ne, toggleToolbar: t, toggleFilter: n, toggleSettings: s, closeSettings: o };
+  return { toolbarVisible: e, filterVisible: i, settingsOpen: ie, toggleToolbar: t, toggleFilter: n, toggleSettings: s, closeSettings: o };
 }
-var dt = /^[a-z0-9]+(-[a-z0-9]+)*$/;
-var pe = (e, i, t, n = "") => {
+var vt = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+var ve = (e, i, t, n = "") => {
   const s = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (s.length < 2 || s.length > 3)
@@ -384,7 +408,7 @@ var pe = (e, i, t, n = "") => {
       prefix: a,
       name: r
     };
-    return i && !ie(c) ? null : c;
+    return i && !le(c) ? null : c;
   }
   const o = s[0], l = o.split("-");
   if (l.length > 1) {
@@ -393,7 +417,7 @@ var pe = (e, i, t, n = "") => {
       prefix: l.shift(),
       name: l.join("-")
     };
-    return i && !ie(r) ? null : r;
+    return i && !le(r) ? null : r;
   }
   if (t && n === "") {
     const r = {
@@ -401,14 +425,14 @@ var pe = (e, i, t, n = "") => {
       prefix: "",
       name: o
     };
-    return i && !ie(r, t) ? null : r;
+    return i && !le(r, t) ? null : r;
   }
   return null;
 };
-var ie = (e, i) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+var le = (e, i) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
 // Check name: cannot be empty
 ((i && e.prefix === "" || e.prefix) && e.name) : false;
-var ht = Object.freeze(
+var gt = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -416,33 +440,33 @@ var ht = Object.freeze(
     height: 16
   }
 );
-var ue = Object.freeze({
+var he = Object.freeze({
   rotate: 0,
   vFlip: false,
   hFlip: false
 });
-var me = Object.freeze({
-  ...ht,
-  ...ue
+var ge = Object.freeze({
+  ...gt,
+  ...he
 });
-var _e = Object.freeze({
-  ...me,
+var Ie = Object.freeze({
+  ...ge,
   body: "",
   hidden: false
 });
-function Sn(e, i) {
+function Mn(e, i) {
   const t = {};
   !e.hFlip != !i.hFlip && (t.hFlip = true), !e.vFlip != !i.vFlip && (t.vFlip = true);
   const n = ((e.rotate || 0) + (i.rotate || 0)) % 4;
   return n && (t.rotate = n), t;
 }
-function Ke(e, i) {
-  const t = Sn(e, i);
-  for (const n in _e)
-    n in ue ? n in e && !(n in t) && (t[n] = ue[n]) : n in i ? t[n] = i[n] : n in e && (t[n] = e[n]);
+function Ue(e, i) {
+  const t = Mn(e, i);
+  for (const n in Ie)
+    n in he ? n in e && !(n in t) && (t[n] = he[n]) : n in i ? t[n] = i[n] : n in e && (t[n] = e[n]);
   return t;
 }
-function xn(e, i) {
+function Cn(e, i) {
   const t = e.icons, n = e.aliases || /* @__PURE__ */ Object.create(null), s = /* @__PURE__ */ Object.create(null);
   function o(l) {
     if (t[l])
@@ -456,48 +480,48 @@ function xn(e, i) {
   }
   return Object.keys(t).concat(Object.keys(n)).forEach(o), s;
 }
-function kn(e, i, t) {
+function On(e, i, t) {
   const n = e.icons, s = e.aliases || /* @__PURE__ */ Object.create(null);
   let o = {};
   function l(r) {
-    o = Ke(
+    o = Ue(
       n[r] || s[r],
       o
     );
   }
-  return l(i), t.forEach(l), Ke(e, o);
+  return l(i), t.forEach(l), Ue(e, o);
 }
-function ft(e, i) {
+function yt(e, i) {
   const t = [];
   if (typeof e != "object" || typeof e.icons != "object")
     return t;
   e.not_found instanceof Array && e.not_found.forEach((s) => {
     i(s, null), t.push(s);
   });
-  const n = xn(e);
+  const n = Cn(e);
   for (const s in n) {
     const o = n[s];
-    o && (i(s, kn(e, s, o)), t.push(s));
+    o && (i(s, On(e, s, o)), t.push(s));
   }
   return t;
 }
-var _n = {
+var zn = {
   provider: "",
   aliases: {},
   not_found: {},
-  ...ht
+  ...gt
 };
-function we(e, i) {
+function Se(e, i) {
   for (const t in i)
     if (t in e && typeof e[t] != typeof i[t])
       return false;
   return true;
 }
-function pt(e) {
+function bt(e) {
   if (typeof e != "object" || e === null)
     return null;
   const i = e;
-  if (typeof i.prefix != "string" || !e.icons || typeof e.icons != "object" || !we(e, _n))
+  if (typeof i.prefix != "string" || !e.icons || typeof e.icons != "object" || !Se(e, zn))
     return null;
   const t = i.icons;
   for (const s in t) {
@@ -506,9 +530,9 @@ function pt(e) {
       // Name cannot be empty
       !s || // Must have body
       typeof o.body != "string" || // Check other props
-      !we(
+      !Se(
         o,
-        _e
+        Ie
       )
     )
       return null;
@@ -520,17 +544,17 @@ function pt(e) {
       // Name cannot be empty
       !s || // Parent must be set and point to existing icon
       typeof l != "string" || !t[l] && !n[l] || // Check other props
-      !we(
+      !Se(
         o,
-        _e
+        Ie
       )
     )
       return null;
   }
   return i;
 }
-var Ue = /* @__PURE__ */ Object.create(null);
-function In(e, i) {
+var Je = /* @__PURE__ */ Object.create(null);
+function An(e, i) {
   return {
     provider: e,
     prefix: i,
@@ -538,16 +562,16 @@ function In(e, i) {
     missing: /* @__PURE__ */ new Set()
   };
 }
-function J(e, i) {
-  const t = Ue[e] || (Ue[e] = /* @__PURE__ */ Object.create(null));
-  return t[i] || (t[i] = In(e, i));
+function Q(e, i) {
+  const t = Je[e] || (Je[e] = /* @__PURE__ */ Object.create(null));
+  return t[i] || (t[i] = An(e, i));
 }
-function mt(e, i) {
-  return pt(i) ? ft(i, (t, n) => {
+function wt(e, i) {
+  return bt(i) ? yt(i, (t, n) => {
     n ? e.icons[t] = n : e.missing.add(t);
   }) : [];
 }
-function En(e, i, t) {
+function Ln(e, i, t) {
   try {
     if (typeof t.body == "string")
       return e.icons[i] = { ...t }, true;
@@ -555,66 +579,66 @@ function En(e, i, t) {
   }
   return false;
 }
-var ee = false;
-function vt(e) {
-  return typeof e == "boolean" && (ee = e), ee;
+var te = false;
+function St(e) {
+  return typeof e == "boolean" && (te = e), te;
 }
-function Tn(e) {
-  const i = typeof e == "string" ? pe(e, true, ee) : e;
+function qn(e) {
+  const i = typeof e == "string" ? ve(e, true, te) : e;
   if (i) {
-    const t = J(i.provider, i.prefix), n = i.name;
+    const t = Q(i.provider, i.prefix), n = i.name;
     return t.icons[n] || (t.missing.has(n) ? null : void 0);
   }
 }
-function Mn(e, i) {
-  const t = pe(e, true, ee);
+function $n(e, i) {
+  const t = ve(e, true, te);
   if (!t)
     return false;
-  const n = J(t.provider, t.prefix);
-  return i ? En(n, t.name, i) : (n.missing.add(t.name), true);
+  const n = Q(t.provider, t.prefix);
+  return i ? Ln(n, t.name, i) : (n.missing.add(t.name), true);
 }
-function Cn(e, i) {
+function Fn(e, i) {
   if (typeof e != "object")
     return false;
-  if (typeof i != "string" && (i = e.provider || ""), ee && !i && !e.prefix) {
+  if (typeof i != "string" && (i = e.provider || ""), te && !i && !e.prefix) {
     let s = false;
-    return pt(e) && (e.prefix = "", ft(e, (o, l) => {
-      Mn(o, l) && (s = true);
+    return bt(e) && (e.prefix = "", yt(e, (o, l) => {
+      $n(o, l) && (s = true);
     })), s;
   }
   const t = e.prefix;
-  if (!ie({
+  if (!le({
     prefix: t,
     name: "a"
   }))
     return false;
-  const n = J(i, t);
-  return !!mt(n, e);
+  const n = Q(i, t);
+  return !!wt(n, e);
 }
-var gt = Object.freeze({
+var xt = Object.freeze({
   width: null,
   height: null
 });
-var yt = Object.freeze({
+var _t = Object.freeze({
   // Dimensions
-  ...gt,
+  ...xt,
   // Transformations
-  ...ue
+  ...he
 });
-var On = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
-var zn = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function Je(e, i, t) {
+var Pn = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
+var Rn = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function Xe(e, i, t) {
   if (i === 1)
     return e;
   if (t = t || 100, typeof e == "number")
     return Math.ceil(e * i * t) / t;
   if (typeof e != "string")
     return e;
-  const n = e.split(On);
+  const n = e.split(Pn);
   if (n === null || !n.length)
     return e;
   const s = [];
-  let o = n.shift(), l = zn.test(o);
+  let o = n.shift(), l = Rn.test(o);
   for (; ; ) {
     if (l) {
       const r = parseFloat(o);
@@ -626,7 +650,7 @@ function Je(e, i, t) {
     l = !l;
   }
 }
-function An(e, i = "defs") {
+function jn(e, i = "defs") {
   let t = "";
   const n = e.indexOf("<" + i);
   for (; n >= 0; ) {
@@ -643,20 +667,20 @@ function An(e, i = "defs") {
     content: e
   };
 }
-function qn(e, i) {
+function Dn(e, i) {
   return e ? "<defs>" + e + "</defs>" + i : i;
 }
-function $n(e, i, t) {
-  const n = An(e);
-  return qn(n.defs, i + n.content + t);
+function Vn(e, i, t) {
+  const n = jn(e);
+  return Dn(n.defs, i + n.content + t);
 }
-var Ln = (e) => e === "unset" || e === "undefined" || e === "none";
-function Fn(e, i) {
+var Nn = (e) => e === "unset" || e === "undefined" || e === "none";
+function Wn(e, i) {
   const t = {
-    ...me,
+    ...ge,
     ...e
   }, n = {
-    ...yt,
+    ..._t,
     ...i
   }, s = {
     left: t.left,
@@ -665,16 +689,16 @@ function Fn(e, i) {
     height: t.height
   };
   let o = t.body;
-  [t, n].forEach((b) => {
-    const v = [], x = b.hFlip, T = b.vFlip;
-    let k = b.rotate;
-    x ? T ? k += 2 : (v.push(
+  [t, n].forEach((y) => {
+    const v = [], x = y.hFlip, T = y.vFlip;
+    let S = y.rotate;
+    x ? T ? S += 2 : (v.push(
       "translate(" + (s.width + s.left).toString() + " " + (0 - s.top).toString() + ")"
     ), v.push("scale(-1 1)"), s.top = s.left = 0) : T && (v.push(
       "translate(" + (0 - s.left).toString() + " " + (s.height + s.top).toString() + ")"
     ), v.push("scale(1 -1)"), s.top = s.left = 0);
     let z;
-    switch (k < 0 && (k -= Math.floor(k / 4) * 4), k = k % 4, k) {
+    switch (S < 0 && (S -= Math.floor(S / 4) * 4), S = S % 4, S) {
       case 1:
         z = s.height / 2 + s.top, v.unshift(
           "rotate(90 " + z.toString() + " " + z.toString() + ")"
@@ -691,7 +715,7 @@ function Fn(e, i) {
         );
         break;
     }
-    k % 2 === 1 && (s.left !== s.top && (z = s.left, s.left = s.top, s.top = z), s.width !== s.height && (z = s.width, s.width = s.height, s.height = z)), v.length && (o = $n(
+    S % 2 === 1 && (s.left !== s.top && (z = s.left, s.left = s.top, s.top = z), s.width !== s.height && (z = s.width, s.width = s.height, s.height = z)), v.length && (o = Vn(
       o,
       '<g transform="' + v.join(" ") + '">',
       "</g>"
@@ -699,9 +723,9 @@ function Fn(e, i) {
   });
   const l = n.width, r = n.height, a = s.width, c = s.height;
   let u, g;
-  l === null ? (g = r === null ? "1em" : r === "auto" ? c : r, u = Je(g, a / c)) : (u = l === "auto" ? a : l, g = r === null ? Je(u, c / a) : r === "auto" ? c : r);
-  const d = {}, w = (b, v) => {
-    Ln(v) || (d[b] = v.toString());
+  l === null ? (g = r === null ? "1em" : r === "auto" ? c : r, u = Xe(g, a / c)) : (u = l === "auto" ? a : l, g = r === null ? Xe(u, c / a) : r === "auto" ? c : r);
+  const d = {}, w = (y, v) => {
+    Nn(v) || (d[y] = v.toString());
   };
   w("width", u), w("height", g);
   const p = [s.left, s.top, a, c];
@@ -711,19 +735,19 @@ function Fn(e, i) {
     body: o
   };
 }
-var Pn = /\sid="(\S+)"/g;
-var Rn = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-var jn = 0;
-function Dn(e, i = Rn) {
+var Hn = /\sid="(\S+)"/g;
+var Bn = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+var Kn = 0;
+function Un(e, i = Bn) {
   const t = [];
   let n;
-  for (; n = Pn.exec(e); )
+  for (; n = Hn.exec(e); )
     t.push(n[1]);
   if (!t.length)
     return e;
   const s = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return t.forEach((o) => {
-    const l = typeof i == "function" ? i(o) : i + (jn++).toString(), r = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const l = typeof i == "function" ? i(o) : i + (Kn++).toString(), r = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
@@ -732,12 +756,12 @@ function Dn(e, i = Rn) {
     );
   }), e = e.replace(new RegExp(s, "g"), ""), e;
 }
-var Ie = /* @__PURE__ */ Object.create(null);
-function Vn(e, i) {
-  Ie[e] = i;
+var Ee = /* @__PURE__ */ Object.create(null);
+function Jn(e, i) {
+  Ee[e] = i;
 }
-function Ee(e) {
-  return Ie[e] || Ie[""];
+function Te(e) {
+  return Ee[e] || Ee[""];
 }
 function Fe(e) {
   let i;
@@ -765,24 +789,24 @@ function Fe(e) {
   };
 }
 var Pe = /* @__PURE__ */ Object.create(null);
-var G = [
+var Y = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
 ];
-var oe = [];
-for (; G.length > 0; )
-  G.length === 1 || Math.random() > 0.5 ? oe.push(G.shift()) : oe.push(G.pop());
+var re = [];
+for (; Y.length > 0; )
+  Y.length === 1 || Math.random() > 0.5 ? re.push(Y.shift()) : re.push(Y.pop());
 Pe[""] = Fe({
-  resources: ["https://api.iconify.design"].concat(oe)
+  resources: ["https://api.iconify.design"].concat(re)
 });
-function Nn(e, i) {
+function Xn(e, i) {
   const t = Fe(i);
   return t === null ? false : (Pe[e] = t, true);
 }
 function Re(e) {
   return Pe[e];
 }
-var Wn = () => {
+var Qn = () => {
   let e;
   try {
     if (e = fetch, typeof e == "function")
@@ -790,8 +814,8 @@ var Wn = () => {
   } catch {
   }
 };
-var Xe = Wn();
-function Hn(e, i) {
+var Qe = Qn();
+function Gn(e, i) {
   const t = Re(e);
   if (!t)
     return 0;
@@ -808,11 +832,11 @@ function Hn(e, i) {
   }
   return n;
 }
-function Bn(e) {
+function Yn(e) {
   return e === 404;
 }
-var Kn = (e, i, t) => {
-  const n = [], s = Hn(e, i), o = "icons";
+var Zn = (e, i, t) => {
+  const n = [], s = Gn(e, i), o = "icons";
   let l = {
     type: o,
     provider: e,
@@ -828,7 +852,7 @@ var Kn = (e, i, t) => {
     }, r = a.length), l.icons.push(a);
   }), n.push(l), n;
 };
-function Un(e) {
+function es(e) {
   if (typeof e == "string") {
     const i = Re(e);
     if (i)
@@ -836,12 +860,12 @@ function Un(e) {
   }
   return "/";
 }
-var Jn = (e, i, t) => {
-  if (!Xe) {
+var ts = (e, i, t) => {
+  if (!Qe) {
     t("abort", 424);
     return;
   }
-  let n = Un(i.provider);
+  let n = es(i.provider);
   switch (i.type) {
     case "icons": {
       const o = i.prefix, r = i.icons.join(","), a = new URLSearchParams({
@@ -860,11 +884,11 @@ var Jn = (e, i, t) => {
       return;
   }
   let s = 503;
-  Xe(e + n).then((o) => {
+  Qe(e + n).then((o) => {
     const l = o.status;
     if (l !== 200) {
       setTimeout(() => {
-        t(Bn(l) ? "abort" : "next", l);
+        t(Yn(l) ? "abort" : "next", l);
       });
       return;
     }
@@ -883,11 +907,11 @@ var Jn = (e, i, t) => {
     t("next", s);
   });
 };
-var Xn = {
-  prepare: Kn,
-  send: Jn
+var ns = {
+  prepare: Zn,
+  send: ts
 };
-function Qn(e) {
+function ss(e) {
   const i = {
     loaded: [],
     missing: [],
@@ -903,7 +927,7 @@ function Qn(e) {
     if (n.name === s.name && n.prefix === s.prefix && n.provider === s.provider)
       return;
     n = s;
-    const o = s.provider, l = s.prefix, r = s.name, a = t[o] || (t[o] = /* @__PURE__ */ Object.create(null)), c = a[l] || (a[l] = J(o, l));
+    const o = s.provider, l = s.prefix, r = s.name, a = t[o] || (t[o] = /* @__PURE__ */ Object.create(null)), c = a[l] || (a[l] = Q(o, l));
     let u;
     r in c.icons ? u = i.loaded : l === "" || c.missing.has(r) ? u = i.missing : u = i.pending;
     const g = {
@@ -914,13 +938,13 @@ function Qn(e) {
     u.push(g);
   }), i;
 }
-function bt(e, i) {
+function kt(e, i) {
   e.forEach((t) => {
     const n = t.loaderCallbacks;
     n && (t.loaderCallbacks = n.filter((s) => s.id !== i));
   });
 }
-function Gn(e) {
+function is(e) {
   e.pendingCallbacksFlag || (e.pendingCallbacksFlag = true, setTimeout(() => {
     e.pendingCallbacksFlag = false;
     const i = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
@@ -949,7 +973,7 @@ function Gn(e) {
         else
           return t = true, true;
         return false;
-      }), l.pending.length !== r && (t || bt([e], o.id), o.callback(
+      }), l.pending.length !== r && (t || kt([e], o.id), o.callback(
         l.loaded.slice(0),
         l.missing.slice(0),
         l.pending.slice(0),
@@ -958,9 +982,9 @@ function Gn(e) {
     });
   }));
 }
-var Yn = 0;
-function Zn(e, i, t) {
-  const n = Yn++, s = bt.bind(null, t, n);
+var os = 0;
+function ls(e, i, t) {
+  const n = os++, s = kt.bind(null, t, n);
   if (!i.pending.length)
     return s;
   const o = {
@@ -973,14 +997,14 @@ function Zn(e, i, t) {
     (l.loaderCallbacks || (l.loaderCallbacks = [])).push(o);
   }), s;
 }
-function es(e, i = true, t = false) {
+function rs(e, i = true, t = false) {
   const n = [];
   return e.forEach((s) => {
-    const o = typeof s == "string" ? pe(s, i, t) : s;
+    const o = typeof s == "string" ? ve(s, i, t) : s;
     o && n.push(o);
   }), n;
 }
-var ts = {
+var as = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -988,16 +1012,16 @@ var ts = {
   random: false,
   dataAfterTimeout: false
 };
-function ns(e, i, t, n) {
+function cs(e, i, t, n) {
   const s = e.resources.length, o = e.random ? Math.floor(Math.random() * s) : e.index;
   let l;
   if (e.random) {
-    let _ = e.resources.slice(0);
-    for (l = []; _.length > 1; ) {
-      const I = Math.floor(Math.random() * _.length);
-      l.push(_[I]), _ = _.slice(0, I).concat(_.slice(I + 1));
+    let I = e.resources.slice(0);
+    for (l = []; I.length > 1; ) {
+      const k = Math.floor(Math.random() * I.length);
+      l.push(I[k]), I = I.slice(0, k).concat(I.slice(k + 1));
     }
-    l = l.concat(_);
+    l = l.concat(I);
   } else
     l = e.resources.slice(o).concat(e.resources.slice(0, o));
   const r = Date.now();
@@ -1006,13 +1030,13 @@ function ns(e, i, t, n) {
   function p() {
     g && (clearTimeout(g), g = null);
   }
-  function b() {
-    a === "pending" && (a = "aborted"), p(), d.forEach((_) => {
-      _.status === "pending" && (_.status = "aborted");
+  function y() {
+    a === "pending" && (a = "aborted"), p(), d.forEach((I) => {
+      I.status === "pending" && (I.status = "aborted");
     }), d = [];
   }
-  function v(_, I) {
-    I && (w = []), typeof _ == "function" && w.push(_);
+  function v(I, k) {
+    k && (w = []), typeof I == "function" && w.push(I);
   }
   function x() {
     return {
@@ -1022,22 +1046,22 @@ function ns(e, i, t, n) {
       queriesSent: c,
       queriesPending: d.length,
       subscribe: v,
-      abort: b
+      abort: y
     };
   }
   function T() {
-    a = "failed", w.forEach((_) => {
-      _(void 0, u);
+    a = "failed", w.forEach((I) => {
+      I(void 0, u);
     });
   }
-  function k() {
-    d.forEach((_) => {
-      _.status === "pending" && (_.status = "aborted");
+  function S() {
+    d.forEach((I) => {
+      I.status === "pending" && (I.status = "aborted");
     }), d = [];
   }
-  function z(_, I, S) {
-    const E = I !== "success";
-    switch (d = d.filter((V) => V !== _), a) {
+  function z(I, k, _) {
+    const E = k !== "success";
+    switch (d = d.filter((V) => V !== I), a) {
       case "pending":
         break;
       case "failed":
@@ -1047,51 +1071,51 @@ function ns(e, i, t, n) {
       default:
         return;
     }
-    if (I === "abort") {
-      u = S, T();
+    if (k === "abort") {
+      u = _, T();
       return;
     }
     if (E) {
-      u = S, d.length || (l.length ? D() : T());
+      u = _, d.length || (l.length ? D() : T());
       return;
     }
-    if (p(), k(), !e.random) {
-      const V = e.resources.indexOf(_.resource);
+    if (p(), S(), !e.random) {
+      const V = e.resources.indexOf(I.resource);
       V !== -1 && V !== e.index && (e.index = V);
     }
     a = "completed", w.forEach((V) => {
-      V(S);
+      V(_);
     });
   }
   function D() {
     if (a !== "pending")
       return;
     p();
-    const _ = l.shift();
-    if (_ === void 0) {
+    const I = l.shift();
+    if (I === void 0) {
       if (d.length) {
         g = setTimeout(() => {
-          p(), a === "pending" && (k(), T());
+          p(), a === "pending" && (S(), T());
         }, e.timeout);
         return;
       }
       T();
       return;
     }
-    const I = {
+    const k = {
       status: "pending",
-      resource: _,
-      callback: (S, E) => {
-        z(I, S, E);
+      resource: I,
+      callback: (_, E) => {
+        z(k, _, E);
       }
     };
-    d.push(I), c++, g = setTimeout(D, e.rotate), t(_, i, I.callback);
+    d.push(k), c++, g = setTimeout(D, e.rotate), t(I, i, k.callback);
   }
   return setTimeout(D), x;
 }
-function wt(e) {
+function It(e) {
   const i = {
-    ...ts,
+    ...as,
     ...e
   };
   let t = [];
@@ -1099,7 +1123,7 @@ function wt(e) {
     t = t.filter((r) => r().status === "pending");
   }
   function s(r, a, c) {
-    const u = ns(
+    const u = cs(
       i,
       r,
       a,
@@ -1122,58 +1146,58 @@ function wt(e) {
     cleanup: n
   };
 }
-function Qe() {
+function Ge() {
 }
-var Se = /* @__PURE__ */ Object.create(null);
-function ss(e) {
-  if (!Se[e]) {
+var xe = /* @__PURE__ */ Object.create(null);
+function us(e) {
+  if (!xe[e]) {
     const i = Re(e);
     if (!i)
       return;
-    const t = wt(i), n = {
+    const t = It(i), n = {
       config: i,
       redundancy: t
     };
-    Se[e] = n;
+    xe[e] = n;
   }
-  return Se[e];
+  return xe[e];
 }
-function is(e, i, t) {
+function ds(e, i, t) {
   let n, s;
   if (typeof e == "string") {
-    const o = Ee(e);
+    const o = Te(e);
     if (!o)
-      return t(void 0, 424), Qe;
+      return t(void 0, 424), Ge;
     s = o.send;
-    const l = ss(e);
+    const l = us(e);
     l && (n = l.redundancy);
   } else {
     const o = Fe(e);
     if (o) {
-      n = wt(o);
-      const l = e.resources ? e.resources[0] : "", r = Ee(l);
+      n = It(o);
+      const l = e.resources ? e.resources[0] : "", r = Te(l);
       r && (s = r.send);
     }
   }
-  return !n || !s ? (t(void 0, 424), Qe) : n.query(i, s, t)().abort;
+  return !n || !s ? (t(void 0, 424), Ge) : n.query(i, s, t)().abort;
 }
-function Ge() {
+function Ye() {
 }
-function os(e) {
+function hs(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = true, setTimeout(() => {
-    e.iconsLoaderFlag = false, Gn(e);
+    e.iconsLoaderFlag = false, is(e);
   }));
 }
-function ls(e) {
+function fs(e) {
   const i = [], t = [];
   return e.forEach((n) => {
-    (n.match(dt) ? i : t).push(n);
+    (n.match(vt) ? i : t).push(n);
   }), {
     valid: i,
     invalid: t
   };
 }
-function Y(e, i, t) {
+function Z(e, i, t) {
   function n() {
     const s = e.pendingIcons;
     i.forEach((o) => {
@@ -1182,23 +1206,23 @@ function Y(e, i, t) {
   }
   if (t && typeof t == "object")
     try {
-      if (!mt(e, t).length) {
+      if (!wt(e, t).length) {
         n();
         return;
       }
     } catch (s) {
       console.error(s);
     }
-  n(), os(e);
+  n(), hs(e);
 }
-function Ye(e, i) {
+function Ze(e, i) {
   e instanceof Promise ? e.then((t) => {
     i(t);
   }).catch(() => {
     i(null);
   }) : i(e);
 }
-function rs(e, i) {
+function ps(e, i) {
   e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(i).sort() : e.iconsToLoad = i, e.iconsQueueFlag || (e.iconsQueueFlag = true, setTimeout(() => {
     e.iconsQueueFlag = false;
     const { provider: t, prefix: n } = e, s = e.iconsToLoad;
@@ -1206,10 +1230,10 @@ function rs(e, i) {
       return;
     const o = e.loadIcon;
     if (e.loadIcons && (s.length > 1 || !o)) {
-      Ye(
+      Ze(
         e.loadIcons(s, n, t),
         (u) => {
-          Y(e, s, u);
+          Z(e, s, u);
         }
       );
       return;
@@ -1217,35 +1241,35 @@ function rs(e, i) {
     if (o) {
       s.forEach((u) => {
         const g = o(u, n, t);
-        Ye(g, (d) => {
+        Ze(g, (d) => {
           const w = d ? {
             prefix: n,
             icons: {
               [u]: d
             }
           } : null;
-          Y(e, [u], w);
+          Z(e, [u], w);
         });
       });
       return;
     }
-    const { valid: l, invalid: r } = ls(s);
-    if (r.length && Y(e, r, null), !l.length)
+    const { valid: l, invalid: r } = fs(s);
+    if (r.length && Z(e, r, null), !l.length)
       return;
-    const a = n.match(dt) ? Ee(t) : null;
+    const a = n.match(vt) ? Te(t) : null;
     if (!a) {
-      Y(e, l, null);
+      Z(e, l, null);
       return;
     }
     a.prepare(t, n, l).forEach((u) => {
-      is(t, u, (g) => {
-        Y(e, u.icons, g);
+      ds(t, u, (g) => {
+        Z(e, u.icons, g);
       });
     });
   }));
 }
-var as = (e, i) => {
-  const t = es(e, true, vt()), n = Qn(t);
+var ms = (e, i) => {
+  const t = rs(e, true, St()), n = ss(t);
   if (!n.pending.length) {
     let a = true;
     return i && setTimeout(() => {
@@ -1253,7 +1277,7 @@ var as = (e, i) => {
         n.loaded,
         n.missing,
         n.pending,
-        Ge
+        Ye
       );
     }), () => {
       a = false;
@@ -1265,30 +1289,30 @@ var as = (e, i) => {
     const { provider: c, prefix: u } = a;
     if (u === r && c === l)
       return;
-    l = c, r = u, o.push(J(c, u));
+    l = c, r = u, o.push(Q(c, u));
     const g = s[c] || (s[c] = /* @__PURE__ */ Object.create(null));
     g[u] || (g[u] = []);
   }), n.pending.forEach((a) => {
-    const { provider: c, prefix: u, name: g } = a, d = J(c, u), w = d.pendingIcons || (d.pendingIcons = /* @__PURE__ */ new Set());
+    const { provider: c, prefix: u, name: g } = a, d = Q(c, u), w = d.pendingIcons || (d.pendingIcons = /* @__PURE__ */ new Set());
     w.has(g) || (w.add(g), s[c][u].push(g));
   }), o.forEach((a) => {
     const c = s[a.provider][a.prefix];
-    c.length && rs(a, c);
-  }), i ? Zn(i, n, o) : Ge;
+    c.length && ps(a, c);
+  }), i ? ls(i, n, o) : Ye;
 };
-function cs(e, i) {
+function vs(e, i) {
   const t = {
     ...e
   };
   for (const n in i) {
     const s = i[n], o = typeof s;
-    n in gt ? (s === null || s && (o === "string" || o === "number")) && (t[n] = s) : o === typeof t[n] && (t[n] = n === "rotate" ? s % 4 : s);
+    n in xt ? (s === null || s && (o === "string" || o === "number")) && (t[n] = s) : o === typeof t[n] && (t[n] = n === "rotate" ? s % 4 : s);
   }
   return t;
 }
-var us = /[\s,]+/;
-function ds(e, i) {
-  i.split(us).forEach((t) => {
+var gs = /[\s,]+/;
+function ys(e, i) {
+  i.split(gs).forEach((t) => {
     switch (t.trim()) {
       case "horizontal":
         e.hFlip = true;
@@ -1299,7 +1323,7 @@ function ds(e, i) {
     }
   });
 }
-function hs(e, i = 0) {
+function bs(e, i = 0) {
   const t = e.replace(/^-?[0-9.]*/, "");
   function n(s) {
     for (; s < 0; )
@@ -1325,69 +1349,69 @@ function hs(e, i = 0) {
   }
   return i;
 }
-function fs(e, i) {
+function ws(e, i) {
   let t = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const n in i)
     t += " " + n + '="' + i[n] + '"';
   return '<svg xmlns="http://www.w3.org/2000/svg"' + t + ">" + e + "</svg>";
 }
-function ps(e) {
+function Ss(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function ms(e) {
-  return "data:image/svg+xml," + ps(e);
+function xs(e) {
+  return "data:image/svg+xml," + Ss(e);
 }
-function vs(e) {
-  return 'url("' + ms(e) + '")';
+function _s(e) {
+  return 'url("' + xs(e) + '")';
 }
-var Ze = {
-  ...yt,
+var et = {
+  ..._t,
   inline: false
 };
-var gs = {
+var ks = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": true,
   role: "img"
 };
-var ys = {
+var Is = {
   display: "inline-block"
 };
-var Te = {
+var Me = {
   backgroundColor: "currentColor"
 };
-var St = {
+var Et = {
   backgroundColor: "transparent"
 };
-var et = {
+var tt = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
 };
-var tt = {
-  webkitMask: Te,
-  mask: Te,
-  background: St
+var nt = {
+  webkitMask: Me,
+  mask: Me,
+  background: Et
 };
-for (const e in tt) {
-  const i = tt[e];
-  for (const t in et)
-    i[e + t] = et[t];
+for (const e in nt) {
+  const i = nt[e];
+  for (const t in tt)
+    i[e + t] = tt[t];
 }
-var le = {};
+var ae = {};
 ["horizontal", "vertical"].forEach((e) => {
   const i = e.slice(0, 1) + "Flip";
-  le[e + "-flip"] = i, le[e.slice(0, 1) + "-flip"] = i, le[e + "Flip"] = i;
+  ae[e + "-flip"] = i, ae[e.slice(0, 1) + "-flip"] = i, ae[e + "Flip"] = i;
 });
-function nt(e) {
+function st(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-var st = (e, i) => {
-  const t = cs(Ze, i), n = { ...gs }, s = i.mode || "svg", o = {}, l = i.style, r = typeof l == "object" && !(l instanceof Array) ? l : {};
-  for (let b in i) {
-    const v = i[b];
+var it = (e, i) => {
+  const t = vs(et, i), n = { ...ks }, s = i.mode || "svg", o = {}, l = i.style, r = typeof l == "object" && !(l instanceof Array) ? l : {};
+  for (let y in i) {
+    const v = i[y];
     if (v !== void 0)
-      switch (b) {
+      switch (y) {
         // Properties to ignore
         case "icon":
         case "style":
@@ -1399,11 +1423,11 @@ var st = (e, i) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          t[b] = v === true || v === "true" || v === 1;
+          t[y] = v === true || v === "true" || v === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof v == "string" && ds(t, v);
+          typeof v == "string" && ys(t, v);
           break;
         // Color: override style
         case "color":
@@ -1411,7 +1435,7 @@ var st = (e, i) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof v == "string" ? t[b] = hs(v) : typeof v == "number" && (t[b] = v);
+          typeof v == "string" ? t[y] = bs(v) : typeof v == "number" && (t[y] = v);
           break;
         // Remove aria-hidden
         case "ariaHidden":
@@ -1419,37 +1443,37 @@ var st = (e, i) => {
           v !== true && v !== "true" && delete n["aria-hidden"];
           break;
         default: {
-          const x = le[b];
-          x ? (v === true || v === "true" || v === 1) && (t[x] = true) : Ze[b] === void 0 && (n[b] = v);
+          const x = ae[y];
+          x ? (v === true || v === "true" || v === 1) && (t[x] = true) : et[y] === void 0 && (n[y] = v);
         }
       }
   }
-  const a = Fn(e, t), c = a.attributes;
+  const a = Wn(e, t), c = a.attributes;
   if (t.inline && (o.verticalAlign = "-0.125em"), s === "svg") {
     n.style = {
       ...o,
       ...r
     }, Object.assign(n, c);
-    let b = 0, v = i.id;
-    return typeof v == "string" && (v = v.replace(/-/g, "_")), n.innerHTML = Dn(a.body, v ? () => v + "ID" + b++ : "iconifyVue"), (0, import_vue.h)("svg", n);
+    let y = 0, v = i.id;
+    return typeof v == "string" && (v = v.replace(/-/g, "_")), n.innerHTML = Un(a.body, v ? () => v + "ID" + y++ : "iconifyVue"), (0, import_vue.h)("svg", n);
   }
-  const { body: u, width: g, height: d } = e, w = s === "mask" || (s === "bg" ? false : u.indexOf("currentColor") !== -1), p = fs(u, {
+  const { body: u, width: g, height: d } = e, w = s === "mask" || (s === "bg" ? false : u.indexOf("currentColor") !== -1), p = ws(u, {
     ...c,
     width: g + "",
     height: d + ""
   });
   return n.style = {
     ...o,
-    "--svg": vs(p),
-    width: nt(c.width),
-    height: nt(c.height),
-    ...ys,
-    ...w ? Te : St,
+    "--svg": _s(p),
+    width: st(c.width),
+    height: st(c.height),
+    ...Is,
+    ...w ? Me : Et,
     ...r
   }, (0, import_vue.h)("span", n);
 };
-vt(true);
-Vn("", Xn);
+St(true);
+Jn("", ns);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
   if (e.IconifyPreload !== void 0) {
@@ -1458,7 +1482,7 @@ if (typeof document < "u" && typeof window < "u") {
       try {
         (typeof n != "object" || n === null || n instanceof Array || // Check for 'icons' and 'prefix'
         typeof n.icons != "object" || typeof n.prefix != "string" || // Add icon set
-        !Cn(n)) && console.error(t);
+        !Fn(n)) && console.error(t);
       } catch {
         console.error(t);
       }
@@ -1473,18 +1497,18 @@ if (typeof document < "u" && typeof window < "u") {
           const s = i[t];
           if (typeof s != "object" || !s || s.resources === void 0)
             continue;
-          Nn(t, s) || console.error(n);
+          Xn(t, s) || console.error(n);
         } catch {
           console.error(n);
         }
       }
   }
 }
-var bs = {
-  ...me,
+var Es = {
+  ...ge,
   body: ""
 };
-var re = (0, import_vue.defineComponent)({
+var ce = (0, import_vue.defineComponent)({
   // Do not inherit other attributes: it is handled by render()
   inheritAttrs: false,
   // Set initial data
@@ -1517,13 +1541,13 @@ var re = (0, import_vue.defineComponent)({
           data: e
         };
       let n;
-      if (typeof e != "string" || (n = pe(e, false, true)) === null)
+      if (typeof e != "string" || (n = ve(e, false, true)) === null)
         return this.abortLoading(), null;
-      let s = Tn(n);
+      let s = qn(n);
       if (!s)
         return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", s !== null && (this._loadingIcon = {
           name: e,
-          abort: as([n], () => {
+          abort: ms([n], () => {
             this.counter++;
           })
         })), null;
@@ -1541,18 +1565,18 @@ var re = (0, import_vue.defineComponent)({
     this.counter;
     const e = this.$attrs, i = this.iconMounted || e.ssr ? this.getIcon(e.icon, e.onLoad, e.customise) : null;
     if (!i)
-      return st(bs, e);
+      return it(Es, e);
     let t = e;
     return i.classes && (t = {
       ...e,
       class: (typeof e.class == "string" ? e.class + " " : "") + i.classes.join(" ")
-    }), st({
-      ...me,
+    }), it({
+      ...ge,
       ...i.data
     }, t);
   }
 });
-var ws = ["width", "height"];
+var Ts = ["width", "height"];
 var je = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "MIcon",
   props: {
@@ -1583,14 +1607,14 @@ var je = /* @__PURE__ */ (0, import_vue.defineComponent)({
         d: "M48,36 L60,16 L72,36 Z",
         fill: "white"
       }, null, -1)
-    ])], 8, ws));
+    ])], 8, Ts));
   }
 });
-var Ss = { class: "logo-badge" };
-var xs = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var Ms = { class: "logo-badge" };
+var Cs = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "LogoBadge",
   setup(e) {
-    return (i, t) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Ss, [
+    return (i, t) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Ms, [
       (0, import_vue.createVNode)(je, {
         width: 20,
         height: 9
@@ -1605,13 +1629,13 @@ var j = (e, i) => {
     t[n] = s;
   return t;
 };
-var ks = /* @__PURE__ */ j(xs, [["__scopeId", "data-v-f1971a55"]]);
-var _s = { class: "tab-bar" };
-var Is = { class: "logo-slot" };
-var Es = { class: "tab-list" };
-var Ts = ["onClick"];
-var Ms = { class: "mode-switcher" };
-var Cs = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var Os = /* @__PURE__ */ j(Cs, [["__scopeId", "data-v-f1971a55"]]);
+var zs = { class: "tab-bar" };
+var As = { class: "logo-slot" };
+var Ls = { class: "tab-list" };
+var qs = ["onClick"];
+var $s = { class: "mode-switcher" };
+var Fs = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "TabBar",
   props: {
     tabs: {},
@@ -1621,18 +1645,18 @@ var Cs = /* @__PURE__ */ (0, import_vue.defineComponent)({
   },
   emits: ["close", "update:panelMode", "settings"],
   setup(e) {
-    return (i, t) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", _s, [
-      (0, import_vue.createElementVNode)("div", Is, [
-        (0, import_vue.createVNode)(ks)
+    return (i, t) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", zs, [
+      (0, import_vue.createElementVNode)("div", As, [
+        (0, import_vue.createVNode)(Os)
       ]),
-      (0, import_vue.createElementVNode)("div", Es, [
+      (0, import_vue.createElementVNode)("div", Ls, [
         ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(e.tabs, (n) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("button", {
           key: n.id,
           "data-vmd-tab": "",
           class: (0, import_vue.normalizeClass)(["tab-btn", n.id === e.activeTabId ? "tab-btn--active" : "tab-btn--inactive"]),
           onClick: (s) => e.selectTab(n.id)
         }, [
-          typeof n.icon == "string" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)((0, import_vue.unref)(re), {
+          typeof n.icon == "string" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)((0, import_vue.unref)(ce), {
             key: 0,
             icon: n.icon,
             width: "13",
@@ -1643,9 +1667,9 @@ var Cs = /* @__PURE__ */ (0, import_vue.defineComponent)({
             height: "13"
           })) : (0, import_vue.createCommentVNode)("", true),
           (0, import_vue.createElementVNode)("span", null, (0, import_vue.toDisplayString)(n.label), 1)
-        ], 10, Ts))), 128))
+        ], 10, qs))), 128))
       ]),
-      (0, import_vue.createElementVNode)("div", Ms, [
+      (0, import_vue.createElementVNode)("div", $s, [
         (0, import_vue.createElementVNode)("button", {
           class: (0, import_vue.normalizeClass)(["mode-btn", { "mode-btn--active": e.panelMode === "bottom" }]),
           title: "Bottom panel",
@@ -1713,7 +1737,7 @@ var Cs = /* @__PURE__ */ (0, import_vue.defineComponent)({
         title: "Layout settings",
         onClick: t[2] || (t[2] = (n) => i.$emit("settings"))
       }, [
-        (0, import_vue.createVNode)((0, import_vue.unref)(re), {
+        (0, import_vue.createVNode)((0, import_vue.unref)(ce), {
           icon: "lucide:settings-2",
           width: "14",
           height: "14"
@@ -1724,7 +1748,7 @@ var Cs = /* @__PURE__ */ (0, import_vue.defineComponent)({
         title: "Close devtools",
         onClick: t[3] || (t[3] = (n) => i.$emit("close"))
       }, [
-        (0, import_vue.createVNode)((0, import_vue.unref)(re), {
+        (0, import_vue.createVNode)((0, import_vue.unref)(ce), {
           icon: "lucide:x",
           width: "14",
           height: "14"
@@ -1733,12 +1757,12 @@ var Cs = /* @__PURE__ */ (0, import_vue.defineComponent)({
     ]));
   }
 });
-var xt = /* @__PURE__ */ j(Cs, [["__scopeId", "data-v-1b140f4a"]]);
-var Os = { class: "panel-content" };
-var zs = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var Tt = /* @__PURE__ */ j(Fs, [["__scopeId", "data-v-1b140f4a"]]);
+var Ps = { class: "panel-content" };
+var Rs = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "FloatingPanel",
   setup(e) {
-    const { height: i, isOpen: t, panelMode: n, startResizeHeight: s, switchMode: o, toggle: l, close: r } = fe(), { registeredTabs: a, activeTabId: c, activeTab: u, setActiveTab: g } = ut(), { toggleSettings: d } = Le();
+    const { height: i, isOpen: t, panelMode: n, startResizeHeight: s, switchMode: o, toggle: l, close: r } = me(), { registeredTabs: a, activeTabId: c, activeTab: u, setActiveTab: g } = mt(), { toggleSettings: d } = $e();
     return (w, p) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)(import_vue.Fragment, null, [
       (0, import_vue.unref)(t) ? (0, import_vue.createCommentVNode)("", true) : ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("button", {
         key: 0,
@@ -1746,7 +1770,7 @@ var zs = /* @__PURE__ */ (0, import_vue.defineComponent)({
         class: "launcher-pill",
         title: "Open vue-muza devtools",
         onClick: p[0] || (p[0] = //@ts-ignore
-        (...b) => (0, import_vue.unref)(l) && (0, import_vue.unref)(l)(...b))
+        (...y) => (0, import_vue.unref)(l) && (0, import_vue.unref)(l)(...y))
       }, [
         (0, import_vue.createVNode)(je, {
           width: 22,
@@ -1756,7 +1780,7 @@ var zs = /* @__PURE__ */ (0, import_vue.defineComponent)({
       ])),
       (0, import_vue.createVNode)(import_vue.Transition, { name: "panel" }, {
         default: (0, import_vue.withCtx)(() => {
-          var b;
+          var y;
           return [
             (0, import_vue.unref)(t) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
               key: 0,
@@ -1769,7 +1793,7 @@ var zs = /* @__PURE__ */ (0, import_vue.defineComponent)({
                 onMousedown: p[1] || (p[1] = //@ts-ignore
                 (...v) => (0, import_vue.unref)(s) && (0, import_vue.unref)(s)(...v))
               }, null, 32),
-              (0, import_vue.createVNode)(xt, {
+              (0, import_vue.createVNode)(Tt, {
                 tabs: (0, import_vue.unref)(a),
                 "active-tab-id": (0, import_vue.unref)(c) ?? null,
                 "select-tab": (0, import_vue.unref)(g),
@@ -1778,8 +1802,8 @@ var zs = /* @__PURE__ */ (0, import_vue.defineComponent)({
                 "onUpdate:panelMode": (0, import_vue.unref)(o),
                 onSettings: (0, import_vue.unref)(d)
               }, null, 8, ["tabs", "active-tab-id", "select-tab", "panel-mode", "onClose", "onUpdate:panelMode", "onSettings"]),
-              (0, import_vue.createElementVNode)("div", Os, [
-                (0, import_vue.unref)(u) ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)((0, import_vue.resolveDynamicComponent)((b = (0, import_vue.unref)(u)) == null ? void 0 : b.component), { key: 0 })) : (0, import_vue.createCommentVNode)("", true)
+              (0, import_vue.createElementVNode)("div", Ps, [
+                (0, import_vue.unref)(u) ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)((0, import_vue.resolveDynamicComponent)((y = (0, import_vue.unref)(u)) == null ? void 0 : y.component), { key: 0 })) : (0, import_vue.createCommentVNode)("", true)
               ])
             ], 4)) : (0, import_vue.createCommentVNode)("", true)
           ];
@@ -1789,13 +1813,13 @@ var zs = /* @__PURE__ */ (0, import_vue.defineComponent)({
     ], 64));
   }
 });
-var As = /* @__PURE__ */ j(zs, [["__scopeId", "data-v-1b40fea8"]]);
-var qs = { class: "panel-body" };
-var $s = { class: "panel-content" };
-var Ls = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var js = /* @__PURE__ */ j(Rs, [["__scopeId", "data-v-1b40fea8"]]);
+var Ds = { class: "panel-body" };
+var Vs = { class: "panel-content" };
+var Ns = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "SidePanel",
   setup(e) {
-    const { sideWidth: i, isOpen: t, panelMode: n, startResizeSideWidth: s, switchMode: o, toggle: l, close: r } = fe(), { registeredTabs: a, activeTabId: c, activeTab: u, setActiveTab: g } = ut(), { toggleSettings: d } = Le();
+    const { sideWidth: i, isOpen: t, panelMode: n, startResizeSideWidth: s, switchMode: o, toggle: l, close: r } = me(), { registeredTabs: a, activeTabId: c, activeTab: u, setActiveTab: g } = mt(), { toggleSettings: d } = $e();
     return (w, p) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)(import_vue.Fragment, null, [
       (0, import_vue.unref)(t) ? (0, import_vue.createCommentVNode)("", true) : ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("button", {
         key: 0,
@@ -1803,7 +1827,7 @@ var Ls = /* @__PURE__ */ (0, import_vue.defineComponent)({
         class: "launcher-pill",
         title: "Open vue-muza devtools",
         onClick: p[0] || (p[0] = //@ts-ignore
-        (...b) => (0, import_vue.unref)(l) && (0, import_vue.unref)(l)(...b))
+        (...y) => (0, import_vue.unref)(l) && (0, import_vue.unref)(l)(...y))
       }, [
         (0, import_vue.createVNode)(je, {
           width: 22,
@@ -1813,7 +1837,7 @@ var Ls = /* @__PURE__ */ (0, import_vue.defineComponent)({
       ])),
       (0, import_vue.createVNode)(import_vue.Transition, { name: "panel" }, {
         default: (0, import_vue.withCtx)(() => {
-          var b;
+          var y;
           return [
             (0, import_vue.unref)(t) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
               key: 0,
@@ -1826,8 +1850,8 @@ var Ls = /* @__PURE__ */ (0, import_vue.defineComponent)({
                 onMousedown: p[1] || (p[1] = //@ts-ignore
                 (...v) => (0, import_vue.unref)(s) && (0, import_vue.unref)(s)(...v))
               }, null, 32),
-              (0, import_vue.createElementVNode)("div", qs, [
-                (0, import_vue.createVNode)(xt, {
+              (0, import_vue.createElementVNode)("div", Ds, [
+                (0, import_vue.createVNode)(Tt, {
                   tabs: (0, import_vue.unref)(a),
                   "active-tab-id": (0, import_vue.unref)(c) ?? null,
                   "select-tab": (0, import_vue.unref)(g),
@@ -1836,8 +1860,8 @@ var Ls = /* @__PURE__ */ (0, import_vue.defineComponent)({
                   "onUpdate:panelMode": (0, import_vue.unref)(o),
                   onSettings: (0, import_vue.unref)(d)
                 }, null, 8, ["tabs", "active-tab-id", "select-tab", "panel-mode", "onClose", "onUpdate:panelMode", "onSettings"]),
-                (0, import_vue.createElementVNode)("div", $s, [
-                  (0, import_vue.unref)(u) ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)((0, import_vue.resolveDynamicComponent)((b = (0, import_vue.unref)(u)) == null ? void 0 : b.component), { key: 0 })) : (0, import_vue.createCommentVNode)("", true)
+                (0, import_vue.createElementVNode)("div", Vs, [
+                  (0, import_vue.unref)(u) ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)((0, import_vue.resolveDynamicComponent)((y = (0, import_vue.unref)(u)) == null ? void 0 : y.component), { key: 0 })) : (0, import_vue.createCommentVNode)("", true)
                 ])
               ])
             ], 4)) : (0, import_vue.createCommentVNode)("", true)
@@ -1848,19 +1872,19 @@ var Ls = /* @__PURE__ */ (0, import_vue.defineComponent)({
     ], 64));
   }
 });
-var Fs = /* @__PURE__ */ j(Ls, [["__scopeId", "data-v-c45ea08a"]]);
-var Ps = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var Ws = /* @__PURE__ */ j(Ns, [["__scopeId", "data-v-c45ea08a"]]);
+var Hs = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "DevtoolsApp",
   setup(e) {
-    const { panelMode: i } = fe();
-    return (t, n) => (0, import_vue.unref)(i) === "bottom" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(As, { key: 0 })) : ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Fs, { key: 1 }));
+    const { panelMode: i } = me();
+    return (t, n) => (0, import_vue.unref)(i) === "bottom" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(js, { key: 0 })) : ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ws, { key: 1 }));
   }
 });
-var it = "vue-muza-devtools-root";
-function Rs() {
-  if (document.getElementById(it)) return;
+var ot = "vue-muza-devtools-root";
+function Bs() {
+  if (document.getElementById(ot)) return;
   const e = document.createElement("div");
-  e.id = it, Object.assign(e.style, {
+  e.id = ot, Object.assign(e.style, {
     position: "fixed",
     top: "0",
     left: "0",
@@ -1869,18 +1893,18 @@ function Rs() {
     overflow: "visible",
     zIndex: "9999",
     pointerEvents: "none"
-  }), document.body.appendChild(e), (0, import_vue.createApp)(Ps).mount(e);
+  }), document.body.appendChild(e), (0, import_vue.createApp)(Hs).mount(e);
 }
-function js() {
-  const e = (0, import_vue.ref)(""), i = (0, import_vue.ref)("all"), t = (0, import_vue.ref)("all"), n = (0, import_vue.computed)(() => qe.value.filter((o) => !(e.value && !o.url.toLowerCase().includes(e.value.toLowerCase()) || i.value !== "all" && o.status !== i.value || t.value !== "all" && o.instanceId !== t.value)).reverse());
+function Ks() {
+  const e = (0, import_vue.ref)(""), i = (0, import_vue.ref)("all"), t = (0, import_vue.ref)("all"), n = (0, import_vue.computed)(() => ft.value.filter((o) => !(e.value && !o.url.toLowerCase().includes(e.value.toLowerCase()) || i.value !== "all" && o.status !== i.value || t.value !== "all" && o.instanceId !== t.value)).reverse());
   function s() {
     e.value = "", i.value = "all", t.value = "all";
   }
   return { urlFilter: e, statusFilter: i, instanceFilter: t, filteredRequests: n, clearFilters: s };
 }
-function Ds() {
+function Us() {
   const e = (0, import_vue.ref)(null), i = (0, import_vue.ref)("split"), t = (0, import_vue.ref)("json"), n = (0, import_vue.ref)("json"), s = (0, import_vue.computed)(
-    () => e.value ? qe.value.find((c) => c.id === e.value) ?? null : null
+    () => e.value ? ft.value.find((c) => c.id === e.value) ?? null : null
   );
   function o(c) {
     e.value = c;
@@ -1906,11 +1930,11 @@ function Ds() {
     toggleResponseFormat: a
   };
 }
-function Vs() {
-  const e = js(), i = Ds();
-  return { ...e, ...i, instances: at };
+function Js() {
+  const e = Ks(), i = Us();
+  return { ...e, ...i, instances: Vt };
 }
-function Ns(e, i, t) {
+function Xs(e, i, t) {
   const n = new Array(e);
   return new Proxy(n, {
     get(s, o, l) {
@@ -1940,7 +1964,7 @@ function Ns(e, i, t) {
     }
   });
 }
-function U(e, i, t) {
+function J(e, i, t) {
   let n = t.initialDeps ?? [], s, o = true;
   function l() {
     var r;
@@ -1953,7 +1977,7 @@ function U(e, i, t) {
     n = u;
     let d = 0;
     if (a && (d = Date.now()), s = i(...u), a) {
-      const w = Math.round((Date.now() - c) * 100) / 100, p = Math.round((Date.now() - d) * 100) / 100, b = p / 16, v = (x, T) => {
+      const w = Math.round((Date.now() - c) * 100) / 100, p = Math.round((Date.now() - d) * 100) / 100, y = p / 16, v = (x, T) => {
         for (x = String(x); x.length < T; )
           x = " " + x;
         return x;
@@ -1965,7 +1989,7 @@ function U(e, i, t) {
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * b, 120)
+          Math.min(120 - 120 * y, 120)
         )}deg 100% 31%);`,
         t == null ? void 0 : t.key
       );
@@ -1976,38 +2000,38 @@ function U(e, i, t) {
     n = r;
   }, l;
 }
-function ot(e, i) {
+function lt(e, i) {
   if (e === void 0)
     throw new Error("Unexpected undefined");
   return e;
 }
-var Ws = (e, i) => Math.abs(e - i) < 1.01;
-var Hs = (e, i, t) => {
+var Qs = (e, i) => Math.abs(e - i) < 1.01;
+var Gs = (e, i, t) => {
   let n;
   return function(...s) {
     e.clearTimeout(n), n = e.setTimeout(() => i.apply(this, s), t);
   };
 };
-var Z;
-var xe = () => {
-  if (Z !== void 0) return Z;
-  if (typeof navigator > "u") return Z = false;
-  if (/iP(hone|od|ad)/.test(navigator.userAgent)) return Z = true;
+var ee;
+var _e = () => {
+  if (ee !== void 0) return ee;
+  if (typeof navigator > "u") return ee = false;
+  if (/iP(hone|od|ad)/.test(navigator.userAgent)) return ee = true;
   const e = navigator.maxTouchPoints;
-  return Z = navigator.platform === "MacIntel" && e !== void 0 && e > 0;
+  return ee = navigator.platform === "MacIntel" && e !== void 0 && e > 0;
 };
-var lt = (e) => {
+var rt = (e) => {
   const { offsetWidth: i, offsetHeight: t } = e;
   return { width: i, height: t };
 };
-var Bs = (e) => e;
-var Ks = (e) => {
+var Ys = (e) => e;
+var Zs = (e) => {
   const i = Math.max(e.startIndex - e.overscan, 0), n = Math.min(e.endIndex + e.overscan, e.count - 1) - i + 1, s = new Array(n);
   for (let o = 0; o < n; o++)
     s[o] = i + o;
   return s;
 };
-var Us = (e, i) => {
+var ei = (e, i) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -2018,7 +2042,7 @@ var Us = (e, i) => {
     const { width: r, height: a } = l;
     i({ width: Math.round(r), height: Math.round(a) });
   };
-  if (s(lt(t)), !n.ResizeObserver)
+  if (s(rt(t)), !n.ResizeObserver)
     return () => {
     };
   const o = new n.ResizeObserver((l) => {
@@ -2031,7 +2055,7 @@ var Us = (e, i) => {
           return;
         }
       }
-      s(lt(t));
+      s(rt(t));
     };
     e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
   });
@@ -2039,35 +2063,35 @@ var Us = (e, i) => {
     o.unobserve(t);
   };
 };
-var de = {
+var fe = {
   passive: true
 };
-var Js = typeof window > "u" ? true : "onscrollend" in window;
-var Xs = (e, i, t) => {
+var ti = typeof window > "u" ? true : "onscrollend" in window;
+var ni = (e, i, t) => {
   const n = e.scrollElement;
   if (!n)
     return;
   const s = e.targetWindow;
   if (!s)
     return;
-  const o = e.options.useScrollendEvent && Js;
+  const o = e.options.useScrollendEvent && ti;
   let l = 0;
-  const r = o ? null : Hs(
+  const r = o ? null : Gs(
     s,
     () => i(l, false),
     e.options.isScrollingResetDelay
   ), a = (g) => () => {
     l = t(n), r == null || r(), i(l, g);
   }, c = a(true), u = a(false);
-  return n.addEventListener("scroll", c, de), o && n.addEventListener("scrollend", u, de), () => {
+  return n.addEventListener("scroll", c, fe), o && n.addEventListener("scrollend", u, fe), () => {
     n.removeEventListener("scroll", c), o && n.removeEventListener("scrollend", u);
   };
 };
-var Qs = (e, i) => Xs(e, i, (t) => {
+var si = (e, i) => ni(e, i, (t) => {
   const { horizontal: n, isRtl: s } = e.options;
   return n ? t.scrollLeft * (s && -1 || 1) : t.scrollTop;
 });
-var Gs = (e, i, t) => {
+var ii = (e, i, t) => {
   if (t.options.useCachedMeasurements) {
     const n = t.indexFromElement(e), s = t.options.getItemKey(n);
     return t.itemSizeCache.get(s) ?? t.options.estimateSize(n);
@@ -2086,7 +2110,7 @@ var Gs = (e, i, t) => {
   }
   return e[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
 };
-var Ys = (e, {
+var oi = (e, {
   adjustments: i = 0,
   behavior: t
 }, n) => {
@@ -2096,8 +2120,8 @@ var Ys = (e, {
     behavior: t
   });
 };
-var Zs = Ys;
-var ei = class {
+var li = oi;
+var ri = class {
   constructor(i) {
     this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = false, this.scrollState = null, this.measurementsCache = [], this._flatMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = false, this.lanesSettling = false, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this._iosDeferredAdjustment = 0, this._iosTouching = false, this._iosJustTouchEnded = false, this._iosTouchEndTimerId = null, this._intendedScrollOffset = null, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
       var t, n, s;
@@ -2150,11 +2174,11 @@ var ei = class {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: false,
-        getItemKey: Bs,
-        rangeExtractor: Ks,
+        getItemKey: Ys,
+        rangeExtractor: Zs,
         onChange: () => {
         },
-        measureElement: Gs,
+        measureElement: ii,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -2179,11 +2203,11 @@ var ei = class {
       const l = this.options;
       let r = null, a = null, c = false;
       if (l !== void 0 && l.enabled && o.enabled && o.anchorTo === "end" && this.scrollElement !== null) {
-        const d = l.count, w = o.count, p = this.getMeasurements(), b = d > 0 ? ((n = p[0]) == null ? void 0 : n.key) ?? l.getItemKey(0) : null, v = d > 0 ? ((s = p[d - 1]) == null ? void 0 : s.key) ?? l.getItemKey(d - 1) : null;
-        if (w !== d || d > 0 && w > 0 && (o.getItemKey(0) !== b || o.getItemKey(w - 1) !== v)) {
+        const d = l.count, w = o.count, p = this.getMeasurements(), y = d > 0 ? ((n = p[0]) == null ? void 0 : n.key) ?? l.getItemKey(0) : null, v = d > 0 ? ((s = p[d - 1]) == null ? void 0 : s.key) ?? l.getItemKey(d - 1) : null;
+        if (w !== d || d > 0 && w > 0 && (o.getItemKey(0) !== y || o.getItemKey(w - 1) !== v)) {
           c = true;
-          const k = d > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? p[0] : null;
-          k && (r = [k.key, this.getScrollOffset() - k.start]);
+          const S = d > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? p[0] : null;
+          S && (r = [S.key, this.getScrollOffset() - S.start]);
           const z = o.followOnAppend === true ? "auto" : o.followOnAppend || null;
           z && w > d && this.isAtEnd(l.scrollEndThreshold) && (d === 0 || o.getItemKey(w - 1) !== v) && (a = z);
         }
@@ -2191,15 +2215,15 @@ var ei = class {
       this.options = o, c && (this.pendingMin = 0, this.itemSizeCacheVersion++);
       let u = false, g = 0;
       if (r && this.scrollOffset !== null) {
-        const [d, w] = r, p = this.getMeasurements(), { count: b, getItemKey: v } = this.options;
+        const [d, w] = r, p = this.getMeasurements(), { count: y, getItemKey: v } = this.options;
         let x = 0;
-        for (; x < b && v(x) !== d; )
+        for (; x < y && v(x) !== d; )
           x++;
-        if (x < b) {
+        if (x < y) {
           const T = p[x];
           if (T) {
-            const k = T.start + w;
-            k !== this.scrollOffset && (g = k - this.scrollOffset, this.scrollOffset = k, u = true);
+            const S = T.start + w;
+            S !== this.scrollOffset && (g = S - this.scrollOffset, this.scrollOffset = S, u = true);
           }
         }
       }
@@ -2212,7 +2236,7 @@ var ei = class {
     }, this.notify = (t) => {
       var n, s;
       (s = (n = this.options).onChange) == null || s.call(n, this, t);
-    }, this.maybeNotify = U(
+    }, this.maybeNotify = J(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -2256,18 +2280,18 @@ var ei = class {
           const o = this.scrollElement, l = () => {
             this._iosTouching = true, this._iosJustTouchEnded = false, this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
           }, r = () => {
-            this._iosTouching = false, !(!xe() || this.targetWindow == null) && (this._iosJustTouchEnded = true, this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
+            this._iosTouching = false, !(!_e() || this.targetWindow == null) && (this._iosJustTouchEnded = true, this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
               this._iosJustTouchEnded = false, this._iosTouchEndTimerId = null, this._flushIosDeferredIfReady();
             }, 150));
           };
           o.addEventListener(
             "touchstart",
             l,
-            de
+            fe
           ), o.addEventListener(
             "touchend",
             r,
-            de
+            fe
           ), this.unsubs.push(() => {
             o.removeEventListener("touchstart", l), o.removeEventListener("touchend", r), this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
           });
@@ -2280,7 +2304,7 @@ var ei = class {
       const s = this.pendingScrollAnchor;
       if (this.pendingScrollAnchor = null, s && this.scrollElement && this.options.enabled) {
         const [o, l, r, a] = s;
-        o !== null && !r && (xe() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? a !== 0 && (this._iosDeferredAdjustment += a) : this._scrollToOffset(this.getScrollOffset(), {
+        o !== null && !r && (_e() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? a !== 0 && (this._iosDeferredAdjustment += a) : this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
         })), r && this.scrollToEnd({ behavior: r });
@@ -2307,7 +2331,7 @@ var ei = class {
           break;
       }
       return o.size === this.options.lanes ? Array.from(o.values()).sort((l, r) => l.end === r.end ? l.index - r.index : l.end - r.end)[0] : void 0;
-    }, this.getMeasurementOptions = U(
+    }, this.getMeasurementOptions = J(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -2329,7 +2353,7 @@ var ei = class {
       {
         key: false
       }
-    ), this.getMeasurements = U(
+    ), this.getMeasurements = J(
       () => [this.getMeasurementOptions(), this.itemSizeCacheVersion],
       ({
         count: t,
@@ -2351,52 +2375,52 @@ var ei = class {
         }));
         const g = this.lanesSettling ? 0 : this.pendingMin ?? 0;
         if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = false), r === 1) {
-          const p = this.options.gap, b = t * 2;
+          const p = this.options.gap, y = t * 2;
           let v = this._flatMeasurements;
-          if (!v || v.length < b) {
-            const k = new Float64Array(b);
-            v && g > 0 && k.set(v.subarray(0, g * 2)), v = k, this._flatMeasurements = v;
+          if (!v || v.length < y) {
+            const S = new Float64Array(y);
+            v && g > 0 && S.set(v.subarray(0, g * 2)), v = S, this._flatMeasurements = v;
           }
           let x;
           if (g === 0)
             x = n + s;
           else {
-            const k = g - 1;
-            x = v[k * 2] + v[k * 2 + 1] + p;
+            const S = g - 1;
+            x = v[S * 2] + v[S * 2 + 1] + p;
           }
-          for (let k = g; k < t; k++) {
-            const z = o(k), D = u.get(z), _ = typeof D == "number" ? D : this.options.estimateSize(k);
-            v[k * 2] = x, v[k * 2 + 1] = _, x += _ + p;
+          for (let S = g; S < t; S++) {
+            const z = o(S), D = u.get(z), I = typeof D == "number" ? D : this.options.estimateSize(S);
+            v[S * 2] = x, v[S * 2 + 1] = I, x += I + p;
           }
-          const T = Ns(t, v, o);
+          const T = Xs(t, v, o);
           return this.measurementsCache = T, T;
         }
         const d = this.measurementsCache.slice(0, g), w = new Array(r).fill(
           void 0
         );
         for (let p = 0; p < g; p++) {
-          const b = d[p];
-          b && (w[b.lane] = p);
+          const y = d[p];
+          y && (w[y.lane] = p);
         }
         for (let p = g; p < t; p++) {
-          const b = o(p), v = this.laneAssignments.get(p);
+          const y = o(p), v = this.laneAssignments.get(p);
           let x, T;
-          const k = a === "estimate" || u.has(b);
+          const S = a === "estimate" || u.has(y);
           if (v !== void 0 && this.options.lanes > 1) {
             x = v;
-            const I = w[x], S = I !== void 0 ? d[I] : void 0;
-            T = S ? S.end + this.options.gap : n + s;
+            const k = w[x], _ = k !== void 0 ? d[k] : void 0;
+            T = _ ? _.end + this.options.gap : n + s;
           } else {
-            const I = this.options.lanes === 1 ? d[p - 1] : this.getFurthestMeasurement(d, p);
-            T = I ? I.end + this.options.gap : n + s, x = I ? I.lane : p % this.options.lanes, this.options.lanes > 1 && k && this.laneAssignments.set(p, x);
+            const k = this.options.lanes === 1 ? d[p - 1] : this.getFurthestMeasurement(d, p);
+            T = k ? k.end + this.options.gap : n + s, x = k ? k.lane : p % this.options.lanes, this.options.lanes > 1 && S && this.laneAssignments.set(p, x);
           }
-          const z = u.get(b), D = typeof z == "number" ? z : this.options.estimateSize(p), _ = T + D;
+          const z = u.get(y), D = typeof z == "number" ? z : this.options.estimateSize(p), I = T + D;
           d[p] = {
             index: p,
             start: T,
             size: D,
-            end: _,
-            key: b,
+            end: I,
+            key: y,
             lane: x
           }, w[x] = p;
         }
@@ -2406,14 +2430,14 @@ var ei = class {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = U(
+    ), this.calculateRange = J(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (t, n, s, o) => this.range = t.length > 0 && n > 0 ? ti({
+      (t, n, s, o) => this.range = t.length > 0 && n > 0 ? ai({
         measurements: t,
         outerSize: n,
         scrollOffset: s,
@@ -2427,7 +2451,7 @@ var ei = class {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = U(
+    ), this.getVirtualIndexes = J(
       () => {
         let t = null, n = null;
         const s = this.calculateRange();
@@ -2517,7 +2541,7 @@ var ei = class {
         ));
         (this.pendingMin === null || t < this.pendingMin) && (this.pendingMin = t), this.itemSizeCache.set(a, n), this.itemSizeCacheVersion++, d ? this.applyScrollAdjustment(this.getTotalSize() - w) : p && this.applyScrollAdjustment(g), this.notify(false);
       }
-    }, this.getVirtualItems = U(
+    }, this.getVirtualItems = J(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (t, n) => {
         const s = [];
@@ -2535,13 +2559,13 @@ var ei = class {
       const n = this.getMeasurements();
       if (n.length === 0)
         return;
-      const s = this._flatMeasurements, o = this.options.lanes === 1 && s != null, l = kt(
+      const s = this._flatMeasurements, o = this.options.lanes === 1 && s != null, l = Mt(
         0,
         n.length - 1,
-        o ? (r) => s[r * 2] : (r) => ot(n[r]).start,
+        o ? (r) => s[r * 2] : (r) => lt(n[r]).start,
         t
       );
-      return ot(n[l]);
+      return lt(n[l]);
     }, this.getMaxScrollOffset = () => {
       if (!this.scrollElement) return 0;
       if ("scrollHeight" in this.scrollElement)
@@ -2671,7 +2695,7 @@ var ei = class {
     }, this.setOptions(i);
   }
   applyScrollAdjustment(i, t) {
-    i !== 0 && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), xe() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? this._iosDeferredAdjustment += i : this._scrollToOffset(this.getScrollOffset(), {
+    i !== 0 && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), _e() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? this._iosDeferredAdjustment += i : this._scrollToOffset(this.getScrollOffset(), {
       adjustments: this.scrollAdjustments += i,
       behavior: t
     }));
@@ -2692,7 +2716,7 @@ var ei = class {
       return;
     }
     const n = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, s = n ? n[0] : this.scrollState.lastTargetOffset, o = 1, l = s !== this.scrollState.lastTargetOffset;
-    if (!l && Ws(s, this.getScrollOffset())) {
+    if (!l && Qs(s, this.getScrollOffset())) {
       if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= o) {
         this.getScrollOffset() !== s && this._scrollToOffset(s, {
           adjustments: void 0,
@@ -2710,7 +2734,7 @@ var ei = class {
     this.scheduleScrollReconcile();
   }
 };
-var kt = (e, i, t, n) => {
+var Mt = (e, i, t, n) => {
   for (; e <= i; ) {
     const s = (e + i) / 2 | 0, o = t(s);
     if (o < n)
@@ -2722,7 +2746,7 @@ var kt = (e, i, t, n) => {
   }
   return e > 0 ? e - 1 : 0;
 };
-function ti({
+function ai({
   measurements: e,
   outerSize: i,
   scrollOffset: t,
@@ -2735,7 +2759,7 @@ function ti({
       startIndex: 0,
       endIndex: o
     };
-  let a = kt(0, o, l, t), c = a;
+  let a = Mt(0, o, l, t), c = a;
   if (n === 1)
     for (; c < o && r(c) < t + i; )
       c++;
@@ -2754,8 +2778,8 @@ function ti({
   }
   return { startIndex: a, endIndex: c };
 }
-function ni(e) {
-  const i = new ei((0, import_vue.unref)(e)), t = (0, import_vue.shallowRef)(i), n = i._didMount();
+function ci(e) {
+  const i = new ri((0, import_vue.unref)(e)), t = (0, import_vue.shallowRef)(i), n = i._didMount();
   return (0, import_vue.watch)(
     () => (0, import_vue.unref)(e).getScrollElement(),
     (s) => {
@@ -2780,24 +2804,17 @@ function ni(e) {
     }
   ), (0, import_vue.onScopeDispose)(n), t;
 }
-function si(e) {
-  return ni(
+function ui(e) {
+  return ci(
     (0, import_vue.computed)(() => ({
-      observeElementRect: Us,
-      observeElementOffset: Qs,
-      scrollToFn: Zs,
+      observeElementRect: ei,
+      observeElementOffset: si,
+      scrollToFn: li,
       ...(0, import_vue.unref)(e)
     }))
   );
 }
-function ii() {
-  return {
-    instances: at,
-    requests: qe,
-    getRequestsByInstance: Nt
-  };
-}
-var oi = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var di = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "Badge",
   props: {
     label: {},
@@ -2819,7 +2836,7 @@ var oi = /* @__PURE__ */ (0, import_vue.defineComponent)({
     }, (0, import_vue.toDisplayString)(e.label), 3));
   }
 });
-var li = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var hi = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "StatusBadge",
   props: {
     status: {},
@@ -2832,17 +2849,17 @@ var li = /* @__PURE__ */ (0, import_vue.defineComponent)({
       pending: "pending",
       aborted: "aborted"
     };
-    return (t, n) => ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(oi, {
+    return (t, n) => ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(di, {
       label: e.statusCode ? String(e.statusCode) : e.status,
       variant: i[e.status]
     }, null, 8, ["label", "variant"]));
   }
 });
-var ri = {
+var fi = {
   key: 0,
   class: "feature-badges"
 };
-var ai = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var pi = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "FeatureBadges",
   props: {
     options: {}
@@ -2856,7 +2873,7 @@ var ai = /* @__PURE__ */ (0, import_vue.defineComponent)({
       }
       return o && n.push({ key: "polling", label: "polling", variant: "polling" }), l && n.push({ key: "retry", label: "retry", variant: "retry" }), r && n.push({ key: "batch", label: "batch", variant: "batch" }), a && n.push({ key: "debounce", label: "debounce", variant: "debounce" }), (!c || u) && n.push({ key: "lazy", label: "lazy", variant: "lazy" }), n;
     });
-    return (n, s) => t.value.length ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", ri, [
+    return (n, s) => t.value.length ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", fi, [
       ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(t.value, (o) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", {
         key: o.key,
         class: (0, import_vue.normalizeClass)(["badge", `badge--${o.variant}`])
@@ -2870,14 +2887,14 @@ var ai = /* @__PURE__ */ (0, import_vue.defineComponent)({
     ])) : (0, import_vue.createCommentVNode)("", true);
   }
 });
-var _t = /* @__PURE__ */ j(ai, [["__scopeId", "data-v-99118e1d"]]);
-var ci = { class: "row-body" };
-var ui = { class: "row-top" };
-var di = { class: "row-url" };
-var hi = { class: "row-meta" };
-var fi = { class: "meta-duration" };
-var pi = { class: "meta-time" };
-var mi = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var Ct = /* @__PURE__ */ j(pi, [["__scopeId", "data-v-99118e1d"]]);
+var mi = { class: "row-body" };
+var vi = { class: "row-top" };
+var gi = { class: "row-url" };
+var yi = { class: "row-meta" };
+var bi = { class: "meta-duration" };
+var wi = { class: "meta-time" };
+var Si = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "RequestRow",
   props: {
     request: {},
@@ -2900,31 +2917,31 @@ var mi = /* @__PURE__ */ (0, import_vue.defineComponent)({
       (0, import_vue.createElementVNode)("div", {
         class: (0, import_vue.normalizeClass)(["accent-bar", `accent-bar--${e.request.status}`])
       }, null, 2),
-      (0, import_vue.createElementVNode)("div", ci, [
-        (0, import_vue.createElementVNode)("div", ui, [
+      (0, import_vue.createElementVNode)("div", mi, [
+        (0, import_vue.createElementVNode)("div", vi, [
           (0, import_vue.createElementVNode)("span", {
             class: (0, import_vue.normalizeClass)(["method-badge", `method-${e.request.method.toLowerCase()}`])
           }, (0, import_vue.toDisplayString)(e.request.method), 3),
-          (0, import_vue.createElementVNode)("span", di, (0, import_vue.toDisplayString)(e.request.url), 1),
-          e.instanceOptions ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(_t, {
+          (0, import_vue.createElementVNode)("span", gi, (0, import_vue.toDisplayString)(e.request.url), 1),
+          e.instanceOptions ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ct, {
             key: 0,
             options: e.instanceOptions
           }, null, 8, ["options"])) : (0, import_vue.createCommentVNode)("", true)
         ]),
-        (0, import_vue.createElementVNode)("div", hi, [
-          (0, import_vue.createVNode)(li, {
+        (0, import_vue.createElementVNode)("div", yi, [
+          (0, import_vue.createVNode)(hi, {
             status: e.request.status,
             "status-code": e.request.statusCode
           }, null, 8, ["status", "status-code"]),
-          (0, import_vue.createElementVNode)("span", fi, (0, import_vue.toDisplayString)(i(e.request.duration)), 1),
-          (0, import_vue.createElementVNode)("span", pi, (0, import_vue.toDisplayString)(t(e.request.startedAt)), 1)
+          (0, import_vue.createElementVNode)("span", bi, (0, import_vue.toDisplayString)(i(e.request.duration)), 1),
+          (0, import_vue.createElementVNode)("span", wi, (0, import_vue.toDisplayString)(t(e.request.startedAt)), 1)
         ])
       ])
     ], 2));
   }
 });
-var vi = /* @__PURE__ */ j(mi, [["__scopeId", "data-v-e5492c3f"]]);
-var gi = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var xi = /* @__PURE__ */ j(Si, [["__scopeId", "data-v-e5492c3f"]]);
+var _i = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "RequestList",
   props: {
     requests: {},
@@ -2932,49 +2949,43 @@ var gi = /* @__PURE__ */ (0, import_vue.defineComponent)({
   },
   emits: ["select"],
   setup(e) {
-    const i = e, { instances: t } = ii();
-    function n(l) {
-      var r;
-      if (l)
-        return (r = t.value.get(l)) == null ? void 0 : r.options;
-    }
-    const s = (0, import_vue.ref)(null), o = si(
+    const i = e, t = (0, import_vue.ref)(null), n = ui(
       (0, import_vue.computed)(() => ({
         count: i.requests.length,
-        getScrollElement: () => s.value,
+        getScrollElement: () => t.value,
         estimateSize: () => 52,
         overscan: 10
       }))
     );
-    return (l, r) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
+    return (s, o) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
       ref_key: "parentRef",
-      ref: s,
+      ref: t,
       style: { flex: "1", overflow: "auto", background: "var(--dt-background)" }
     }, [
       (0, import_vue.createElementVNode)("div", {
-        style: (0, import_vue.normalizeStyle)({ height: `${(0, import_vue.unref)(o).getTotalSize()}px`, position: "relative" })
+        style: (0, import_vue.normalizeStyle)({ height: `${(0, import_vue.unref)(n).getTotalSize()}px`, position: "relative" })
       }, [
-        ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)((0, import_vue.unref)(o).getVirtualItems(), (a) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
-          key: a.index,
-          style: (0, import_vue.normalizeStyle)({ position: "absolute", top: 0, left: 0, width: "100%", transform: `translateY(${a.start}px)` })
+        ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)((0, import_vue.unref)(n).getVirtualItems(), (l) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
+          key: l.index,
+          style: (0, import_vue.normalizeStyle)({ position: "absolute", top: 0, left: 0, width: "100%", transform: `translateY(${l.start}px)` })
         }, [
-          (0, import_vue.createVNode)(vi, {
-            request: e.requests[a.index],
-            "is-active": e.requests[a.index].id === e.activeRequestId,
-            "instance-options": n(e.requests[a.index].instanceId),
-            onSelect: r[0] || (r[0] = (c) => l.$emit("select", c))
+          (0, import_vue.createVNode)(xi, {
+            request: e.requests[l.index],
+            "is-active": e.requests[l.index].id === e.activeRequestId,
+            "instance-options": e.requests[l.index].instanceOptions,
+            onSelect: o[0] || (o[0] = (r) => s.$emit("select", r))
           }, null, 8, ["request", "is-active", "instance-options"])
         ], 4))), 128))
       ], 4)
     ], 512));
   }
 });
-var yi = { class: "detail-header" };
-var bi = { class: "req-method" };
-var wi = ["title"];
-var Si = { class: "req-meta" };
-var xi = { key: 0 };
-var ki = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var ki = { class: "detail-header" };
+var Ii = { class: "req-method" };
+var Ei = ["title"];
+var Ti = { class: "req-meta" };
+var Mi = { key: 0 };
+var Ci = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "DetailHeader",
   props: {
     request: {},
@@ -2985,21 +2996,21 @@ var ki = /* @__PURE__ */ (0, import_vue.defineComponent)({
     function i(t) {
       return t ? t < 300 ? "s-2xx" : t < 400 ? "s-3xx" : t < 500 ? "s-4xx" : "s-5xx" : "s-pending";
     }
-    return (t, n) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", yi, [
+    return (t, n) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", ki, [
       (0, import_vue.createElementVNode)("span", {
         class: (0, import_vue.normalizeClass)(["status-chip", i(e.request.statusCode)])
       }, (0, import_vue.toDisplayString)(e.request.statusCode ?? "\xB7\xB7\xB7"), 3),
-      (0, import_vue.createElementVNode)("span", bi, (0, import_vue.toDisplayString)(e.request.method), 1),
+      (0, import_vue.createElementVNode)("span", Ii, (0, import_vue.toDisplayString)(e.request.method), 1),
       (0, import_vue.createElementVNode)("span", {
         class: "req-url",
         title: e.request.url
-      }, (0, import_vue.toDisplayString)(e.request.url), 9, wi),
-      e.instanceOptions ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(_t, {
+      }, (0, import_vue.toDisplayString)(e.request.url), 9, Ei),
+      e.instanceOptions ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ct, {
         key: 0,
         options: e.instanceOptions
       }, null, 8, ["options"])) : (0, import_vue.createCommentVNode)("", true),
-      (0, import_vue.createElementVNode)("div", Si, [
-        e.request.duration !== null ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", xi, (0, import_vue.toDisplayString)(e.request.duration) + "ms", 1)) : (0, import_vue.createCommentVNode)("", true),
+      (0, import_vue.createElementVNode)("div", Ti, [
+        e.request.duration !== null ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", Mi, (0, import_vue.toDisplayString)(e.request.duration) + "ms", 1)) : (0, import_vue.createCommentVNode)("", true),
         (0, import_vue.createElementVNode)("span", null, (0, import_vue.toDisplayString)(new Date(e.request.startedAt).toLocaleTimeString()), 1)
       ]),
       (0, import_vue.createElementVNode)("button", {
@@ -3007,7 +3018,7 @@ var ki = /* @__PURE__ */ (0, import_vue.defineComponent)({
         "aria-label": "Close detail",
         onClick: n[0] || (n[0] = (s) => t.$emit("close"))
       }, [
-        (0, import_vue.createVNode)((0, import_vue.unref)(re), {
+        (0, import_vue.createVNode)((0, import_vue.unref)(ce), {
           icon: "lucide:x",
           width: "14",
           height: "14"
@@ -3016,10 +3027,10 @@ var ki = /* @__PURE__ */ (0, import_vue.defineComponent)({
     ]));
   }
 });
-var _i = /* @__PURE__ */ j(ki, [["__scopeId", "data-v-ee649b7a"]]);
-var Ii = { class: "detail-tabs" };
-var Ei = ["onClick"];
-var Ti = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var Oi = /* @__PURE__ */ j(Ci, [["__scopeId", "data-v-ee649b7a"]]);
+var zi = { class: "detail-tabs" };
+var Ai = ["onClick"];
+var Li = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "DetailTabs",
   props: {
     activeTab: {}
@@ -3032,18 +3043,18 @@ var Ti = /* @__PURE__ */ (0, import_vue.defineComponent)({
       { id: "response", label: "Response" },
       { id: "headers", label: "Headers" }
     ];
-    return (t, n) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Ii, [
+    return (t, n) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", zi, [
       ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(i, (s) => (0, import_vue.createElementVNode)("button", {
         key: s.id,
         class: (0, import_vue.normalizeClass)(["tab-btn", { "tab-btn--active": s.id === e.activeTab }]),
         onClick: (o) => t.$emit("select", s.id)
-      }, (0, import_vue.toDisplayString)(s.label), 11, Ei)), 64))
+      }, (0, import_vue.toDisplayString)(s.label), 11, Ai)), 64))
     ]));
   }
 });
-var Mi = /* @__PURE__ */ j(Ti, [["__scopeId", "data-v-c3c26245"]]);
-var Ci = ["innerHTML"];
-var Oi = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var qi = /* @__PURE__ */ j(Li, [["__scopeId", "data-v-c3c26245"]]);
+var $i = ["innerHTML"];
+var Fi = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "JsonViewer",
   props: {
     value: {}
@@ -3066,22 +3077,22 @@ var Oi = /* @__PURE__ */ (0, import_vue.defineComponent)({
     return (s, o) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("pre", {
       class: "json-root",
       innerHTML: n.value
-    }, null, 8, Ci));
+    }, null, 8, $i));
   }
 });
-var Me = /* @__PURE__ */ j(Oi, [["__scopeId", "data-v-4994acd4"]]);
-var zi = { class: "tree-node" };
-var Ai = {
+var Ce = /* @__PURE__ */ j(Fi, [["__scopeId", "data-v-4994acd4"]]);
+var Pi = { class: "tree-node" };
+var Ri = {
   key: 0,
   class: "tree-key"
 };
-var qi = {
+var ji = {
   key: 1,
   class: "tree-colon"
 };
-var $i = { name: "TreeNode" };
-var Li = /* @__PURE__ */ (0, import_vue.defineComponent)({
-  ...$i,
+var Di = { name: "TreeNode" };
+var Vi = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  ...Di,
   props: {
     nodeKey: {},
     value: {},
@@ -3096,7 +3107,7 @@ var Li = /* @__PURE__ */ (0, import_vue.defineComponent)({
     }
     return (g, d) => {
       const w = (0, import_vue.resolveComponent)("TreeNode", true);
-      return (0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", zi, [
+      return (0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Pi, [
         (0, import_vue.createElementVNode)("div", {
           class: "tree-row",
           style: (0, import_vue.normalizeStyle)({ paddingLeft: c.value + "px" })
@@ -3106,8 +3117,8 @@ var Li = /* @__PURE__ */ (0, import_vue.defineComponent)({
             style: (0, import_vue.normalizeStyle)({ visibility: n.value ? "visible" : "hidden" }),
             onClick: u
           }, null, 6),
-          e.nodeKey !== null ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", Ai, (0, import_vue.toDisplayString)(e.nodeKey), 1)) : (0, import_vue.createCommentVNode)("", true),
-          e.nodeKey !== null ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", qi, ":")) : (0, import_vue.createCommentVNode)("", true),
+          e.nodeKey !== null ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", Ri, (0, import_vue.toDisplayString)(e.nodeKey), 1)) : (0, import_vue.createCommentVNode)("", true),
+          e.nodeKey !== null ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", ji, ":")) : (0, import_vue.createCommentVNode)("", true),
           n.value ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", {
             key: 2,
             class: "tree-badge",
@@ -3117,27 +3128,27 @@ var Li = /* @__PURE__ */ (0, import_vue.defineComponent)({
             class: (0, import_vue.normalizeClass)(a.value)
           }, (0, import_vue.toDisplayString)(r.value), 3))
         ], 4),
-        ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(l.value, ([p, b]) => ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(w, {
+        ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(l.value, ([p, y]) => ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(w, {
           key: p,
           "node-key": p,
-          value: b,
+          value: y,
           depth: e.depth + 1
         }, null, 8, ["node-key", "value", "depth"]))), 128))
       ]);
     };
   }
 });
-var Fi = /* @__PURE__ */ j(Li, [["__scopeId", "data-v-e08fddee"]]);
-var Pi = { class: "tree-viewer" };
-var Ri = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var Ni = /* @__PURE__ */ j(Vi, [["__scopeId", "data-v-e08fddee"]]);
+var Wi = { class: "tree-viewer" };
+var Hi = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "TreeViewer",
   props: {
     value: {}
   },
   setup(e) {
     const i = e, t = (0, import_vue.computed)(() => i.value === null || i.value === void 0 ? [] : Array.isArray(i.value) ? i.value.map((n, s) => [s, n]) : typeof i.value == "object" ? Object.entries(i.value) : []);
-    return (n, s) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Pi, [
-      ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(t.value, ([o, l]) => ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Fi, {
+    return (n, s) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Wi, [
+      ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(t.value, ([o, l]) => ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ni, {
         key: o,
         "node-key": o,
         value: l,
@@ -3146,16 +3157,18 @@ var Ri = /* @__PURE__ */ (0, import_vue.defineComponent)({
     ]));
   }
 });
-var Ce = /* @__PURE__ */ j(Ri, [["__scopeId", "data-v-f9bec403"]]);
-var ji = { class: "data-pane" };
-var Di = { class: "pane-header" };
-var Vi = { class: "pane-title" };
-var Ni = { class: "pane-body" };
-var Wi = {
+var Oe = /* @__PURE__ */ j(Hi, [["__scopeId", "data-v-f9bec403"]]);
+var Bi = { class: "data-pane" };
+var Ki = { class: "pane-header" };
+var Ui = { class: "pane-title" };
+var Ji = { class: "pane-body" };
+var Xi = {
   key: 0,
   class: "truncated-warning"
 };
-var Hi = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var at = (0, import_vue.ref)("json");
+var ct = false;
+var Qi = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "DataPane",
   props: {
     title: {},
@@ -3163,12 +3176,12 @@ var Hi = /* @__PURE__ */ (0, import_vue.defineComponent)({
     truncated: { type: Boolean }
   },
   setup(e) {
-    const i = e, t = (0, import_vue.ref)("json");
-    (0, import_vue.onMounted)(async () => {
-      t.value = await hn();
-    });
+    const i = e, t = at;
+    ct || (ct = true, gn().then((o) => {
+      at.value = o;
+    }));
     async function n() {
-      t.value = t.value === "kv" ? "json" : "kv", await fn(t.value);
+      t.value = t.value === "kv" ? "json" : "kv", await yn(t.value);
     }
     async function s() {
       try {
@@ -3176,11 +3189,11 @@ var Hi = /* @__PURE__ */ (0, import_vue.defineComponent)({
       } catch {
       }
     }
-    return (o, l) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", ji, [
-      (0, import_vue.createElementVNode)("div", Di, [
-        (0, import_vue.createElementVNode)("span", Vi, (0, import_vue.toDisplayString)(e.title), 1),
+    return (o, l) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Bi, [
+      (0, import_vue.createElementVNode)("div", Ki, [
+        (0, import_vue.createElementVNode)("span", Ui, (0, import_vue.toDisplayString)(e.title), 1),
         (0, import_vue.createElementVNode)("button", {
-          class: (0, import_vue.normalizeClass)(["pane-action", { "pane-action--active": t.value === "kv" }]),
+          class: (0, import_vue.normalizeClass)(["pane-action", { "pane-action--active": (0, import_vue.unref)(t) === "kv" }]),
           onClick: n
         }, "KV", 2),
         (0, import_vue.createElementVNode)("button", {
@@ -3188,12 +3201,12 @@ var Hi = /* @__PURE__ */ (0, import_vue.defineComponent)({
           onClick: s
         }, "Copy")
       ]),
-      (0, import_vue.createElementVNode)("div", Ni, [
-        e.truncated ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", Wi, "[truncated]")) : (0, import_vue.createCommentVNode)("", true),
-        t.value === "json" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Me, {
+      (0, import_vue.createElementVNode)("div", Ji, [
+        e.truncated ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", Xi, "[truncated]")) : (0, import_vue.createCommentVNode)("", true),
+        (0, import_vue.unref)(t) === "json" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ce, {
           key: 1,
           value: e.data
-        }, null, 8, ["value"])) : ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ce, {
+        }, null, 8, ["value"])) : ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Oe, {
           key: 2,
           value: e.data
         }, null, 8, ["value"]))
@@ -3201,35 +3214,37 @@ var Hi = /* @__PURE__ */ (0, import_vue.defineComponent)({
     ]));
   }
 });
-var It = /* @__PURE__ */ j(Hi, [["__scopeId", "data-v-fe53a363"]]);
-var Bi = { class: "payload-pane" };
-var Ki = { class: "pane-header" };
-var Ui = { class: "section-label" };
-var Ji = {
+var Ot = /* @__PURE__ */ j(Qi, [["__scopeId", "data-v-096ab11d"]]);
+var Gi = { class: "payload-pane" };
+var Yi = { class: "pane-header" };
+var Zi = { class: "section-label" };
+var eo = {
   key: 0,
   class: "section-count"
 };
-var Xi = {
+var to = {
   key: 0,
   class: "section-body"
 };
-var Qi = {
+var no = {
   key: 1,
   class: "section-empty"
 };
-var Gi = {
+var so = {
   key: 2,
   class: "section-body"
 };
-var Yi = {
+var io = {
   key: 0,
   class: "truncated-warning"
 };
-var Zi = {
+var oo = {
   key: 3,
   class: "section-empty"
 };
-var eo = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var ut = (0, import_vue.ref)("kv");
+var dt = false;
+var lo = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "PayloadPane",
   props: {
     queryParams: {},
@@ -3237,12 +3252,13 @@ var eo = /* @__PURE__ */ (0, import_vue.defineComponent)({
     truncated: { type: Boolean }
   },
   setup(e) {
-    const i = e, t = (0, import_vue.ref)("kv"), n = (0, import_vue.computed)(() => i.queryParams === null || i.queryParams === void 0 || typeof i.queryParams != "object" ? [] : Object.keys(i.queryParams)), s = (0, import_vue.computed)(() => n.value.length > 0), o = (0, import_vue.computed)(() => n.value.length), l = (0, import_vue.computed)(() => i.payload !== null && i.payload !== void 0);
-    (0, import_vue.onMounted)(async () => {
-      t.value = await un();
-    });
+    const i = e, t = ut;
+    dt || (dt = true, mn().then((c) => {
+      ut.value = c;
+    }));
+    const n = (0, import_vue.computed)(() => i.queryParams === null || i.queryParams === void 0 || typeof i.queryParams != "object" ? [] : Object.keys(i.queryParams)), s = (0, import_vue.computed)(() => n.value.length > 0), o = (0, import_vue.computed)(() => n.value.length), l = (0, import_vue.computed)(() => i.payload !== null && i.payload !== void 0);
     async function r() {
-      t.value = t.value === "kv" ? "json" : "kv", await dn(t.value);
+      t.value = t.value === "kv" ? "json" : "kv", await vn(t.value);
     }
     async function a() {
       try {
@@ -3250,11 +3266,11 @@ var eo = /* @__PURE__ */ (0, import_vue.defineComponent)({
       } catch {
       }
     }
-    return (c, u) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Bi, [
-      (0, import_vue.createElementVNode)("div", Ki, [
+    return (c, u) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Gi, [
+      (0, import_vue.createElementVNode)("div", Yi, [
         u[0] || (u[0] = (0, import_vue.createElementVNode)("span", { class: "pane-title" }, "PAYLOAD", -1)),
         (0, import_vue.createElementVNode)("button", {
-          class: (0, import_vue.normalizeClass)(["pane-action", { "pane-action--active": t.value === "kv" }]),
+          class: (0, import_vue.normalizeClass)(["pane-action", { "pane-action--active": (0, import_vue.unref)(t) === "kv" }]),
           onClick: r
         }, "KV", 2),
         (0, import_vue.createElementVNode)("button", {
@@ -3262,50 +3278,51 @@ var eo = /* @__PURE__ */ (0, import_vue.defineComponent)({
           onClick: a
         }, "Copy")
       ]),
-      (0, import_vue.createElementVNode)("div", Ui, [
+      (0, import_vue.createElementVNode)("div", Zi, [
         u[1] || (u[1] = (0, import_vue.createElementVNode)("span", null, "Query Params", -1)),
-        s.value ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", Ji, (0, import_vue.toDisplayString)(o.value), 1)) : (0, import_vue.createCommentVNode)("", true)
+        s.value ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("span", eo, (0, import_vue.toDisplayString)(o.value), 1)) : (0, import_vue.createCommentVNode)("", true)
       ]),
-      s.value ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Xi, [
-        t.value === "kv" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ce, {
+      s.value ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", to, [
+        (0, import_vue.unref)(t) === "kv" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Oe, {
           key: 0,
           value: e.queryParams
-        }, null, 8, ["value"])) : ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Me, {
+        }, null, 8, ["value"])) : ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ce, {
           key: 1,
           value: e.queryParams
         }, null, 8, ["value"]))
-      ])) : ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", Qi, "No params")),
+      ])) : ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", no, "No params")),
       u[2] || (u[2] = (0, import_vue.createElementVNode)("div", { class: "section-divider" }, null, -1)),
       u[3] || (u[3] = (0, import_vue.createElementVNode)("div", { class: "section-label" }, [
         (0, import_vue.createElementVNode)("span", null, "Body")
       ], -1)),
-      l.value ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Gi, [
-        e.truncated ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", Yi, "[truncated]")) : (0, import_vue.createCommentVNode)("", true),
-        t.value === "kv" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ce, {
+      l.value ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", so, [
+        e.truncated ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", io, "[truncated]")) : (0, import_vue.createCommentVNode)("", true),
+        (0, import_vue.unref)(t) === "kv" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Oe, {
           key: 1,
           value: e.payload
-        }, null, 8, ["value"])) : ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Me, {
+        }, null, 8, ["value"])) : ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Ce, {
           key: 2,
           value: e.payload
         }, null, 8, ["value"]))
-      ])) : ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", Zi, "No body"))
+      ])) : ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", oo, "No body"))
     ]));
   }
 });
-var Et = /* @__PURE__ */ j(eo, [["__scopeId", "data-v-052714ff"]]);
-var to = { class: "split-pane" };
-var no = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var zt = /* @__PURE__ */ j(lo, [["__scopeId", "data-v-0c05535b"]]);
+var ro = { class: "split-pane" };
+var ao = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "SplitView",
   props: {
     request: {}
   },
   setup(e) {
-    const { panelMode: i } = fe(), t = (0, import_vue.computed)(() => i.value === "side"), n = (0, import_vue.ref)(null), s = (0, import_vue.ref)(null);
+    const { panelMode: i } = me(), t = (0, import_vue.computed)(() => i.value === "side"), n = (0, import_vue.ref)(null), s = (0, import_vue.ref)(null);
     let o = null;
-    (0, import_vue.watch)(t, () => {
-      n.value = null;
+    (0, import_vue.watch)(t, async (r) => {
+      const a = r ? await Ke() : await Be();
+      n.value = a ?? null;
     }), (0, import_vue.onMounted)(async () => {
-      const r = await an();
+      const r = t.value ? await Ke() : await Be();
       r !== void 0 && (n.value = r);
     });
     function l(r) {
@@ -3316,7 +3333,7 @@ var no = /* @__PURE__ */ (0, import_vue.defineComponent)({
             const p = a.offsetHeight - 80 - 5;
             n.value = Math.max(80, Math.min(d + (w.clientY - g), p));
           }, u = function() {
-            window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", u), o = null;
+            window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", u), o = null, pn(n.value);
           };
           const g = r.clientY, d = n.value ?? a.offsetHeight / 2;
           window.addEventListener("mousemove", c), window.addEventListener("mouseup", u), o = () => {
@@ -3327,7 +3344,7 @@ var no = /* @__PURE__ */ (0, import_vue.defineComponent)({
             const p = a.offsetWidth - 120 - 5;
             n.value = Math.max(120, Math.min(d + (w.clientX - g), p));
           }, u = function() {
-            window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", u), o = null, cn(n.value);
+            window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", u), o = null, fn(n.value);
           };
           const g = r.clientX, d = n.value ?? a.offsetWidth / 2;
           window.addEventListener("mousemove", c), window.addEventListener("mouseup", u), o = () => {
@@ -3348,7 +3365,7 @@ var no = /* @__PURE__ */ (0, import_vue.defineComponent)({
         class: "split-pane",
         style: (0, import_vue.normalizeStyle)(n.value !== null ? t.value ? { flex: "none", height: n.value + "px" } : { flex: "none", width: n.value + "px" } : {})
       }, [
-        (0, import_vue.createVNode)(Et, {
+        (0, import_vue.createVNode)(zt, {
           "query-params": e.request.queryParams,
           payload: e.request.payload,
           truncated: e.request.truncated
@@ -3358,8 +3375,8 @@ var no = /* @__PURE__ */ (0, import_vue.defineComponent)({
         class: (0, import_vue.normalizeClass)(["split-handle", t.value ? "split-handle--h" : "split-handle--v"]),
         onMousedown: l
       }, null, 34),
-      (0, import_vue.createElementVNode)("div", to, [
-        (0, import_vue.createVNode)(It, {
+      (0, import_vue.createElementVNode)("div", ro, [
+        (0, import_vue.createVNode)(Ot, {
           title: "Response",
           data: e.request.response,
           truncated: e.request.truncated
@@ -3368,20 +3385,17 @@ var no = /* @__PURE__ */ (0, import_vue.defineComponent)({
     ], 2));
   }
 });
-var so = /* @__PURE__ */ j(no, [["__scopeId", "data-v-9d222cb1"]]);
-var io = { class: "request-detail" };
-var oo = { class: "detail-content" };
-var lo = {
-  key: 3,
-  class: "headers-view"
-};
-var ro = { class: "header-key" };
-var ao = { class: "header-val" };
-var co = {
+var co = /* @__PURE__ */ j(ao, [["__scopeId", "data-v-b07544b9"]]);
+var uo = { class: "request-detail" };
+var ho = { class: "detail-content" };
+var fo = { class: "headers-view" };
+var po = { class: "header-key" };
+var mo = { class: "header-val" };
+var vo = {
   key: 0,
   class: "empty-msg"
 };
-var uo = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var go = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "RequestDetail",
   props: {
     request: {},
@@ -3390,53 +3404,59 @@ var uo = /* @__PURE__ */ (0, import_vue.defineComponent)({
   emits: ["close"],
   setup(e) {
     const i = (0, import_vue.ref)("split");
-    return (t, n) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", io, [
-      (0, import_vue.createVNode)(_i, {
+    return (t, n) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", uo, [
+      (0, import_vue.createVNode)(Oi, {
         request: e.request,
         "instance-options": e.instanceOptions,
         onClose: n[0] || (n[0] = (s) => t.$emit("close"))
       }, null, 8, ["request", "instance-options"]),
-      (0, import_vue.createVNode)(Mi, {
+      (0, import_vue.createVNode)(qi, {
         "active-tab": i.value,
         onSelect: n[1] || (n[1] = (s) => i.value = s)
       }, null, 8, ["active-tab"]),
-      (0, import_vue.createElementVNode)("div", oo, [
-        i.value === "split" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(so, {
-          key: 0,
-          request: e.request
-        }, null, 8, ["request"])) : i.value === "payload" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(Et, {
-          key: 1,
+      (0, import_vue.createElementVNode)("div", ho, [
+        (0, import_vue.withDirectives)((0, import_vue.createVNode)(co, { request: e.request }, null, 8, ["request"]), [
+          [import_vue.vShow, i.value === "split"]
+        ]),
+        (0, import_vue.withDirectives)((0, import_vue.createVNode)(zt, {
           "query-params": e.request.queryParams,
           payload: e.request.payload,
           truncated: e.request.truncated
-        }, null, 8, ["query-params", "payload", "truncated"])) : i.value === "response" ? ((0, import_vue.openBlock)(), (0, import_vue.createBlock)(It, {
-          key: 2,
+        }, null, 8, ["query-params", "payload", "truncated"]), [
+          [import_vue.vShow, i.value === "payload"]
+        ]),
+        (0, import_vue.withDirectives)((0, import_vue.createVNode)(Ot, {
           title: "Response",
           data: e.request.response,
           truncated: e.request.truncated
-        }, null, 8, ["data", "truncated"])) : i.value === "headers" ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", lo, [
+        }, null, 8, ["data", "truncated"]), [
+          [import_vue.vShow, i.value === "response"]
+        ]),
+        (0, import_vue.withDirectives)((0, import_vue.createElementVNode)("div", fo, [
           ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(e.request.requestHeaders, (s, o) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
             key: o,
             class: "header-row"
           }, [
-            (0, import_vue.createElementVNode)("span", ro, (0, import_vue.toDisplayString)(o), 1),
-            (0, import_vue.createElementVNode)("span", ao, (0, import_vue.toDisplayString)(s), 1)
+            (0, import_vue.createElementVNode)("span", po, (0, import_vue.toDisplayString)(o), 1),
+            (0, import_vue.createElementVNode)("span", mo, (0, import_vue.toDisplayString)(s), 1)
           ]))), 128)),
-          Object.keys(e.request.requestHeaders ?? {}).length ? (0, import_vue.createCommentVNode)("", true) : ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", co, " No request headers captured. "))
-        ])) : (0, import_vue.createCommentVNode)("", true)
+          Object.keys(e.request.requestHeaders ?? {}).length ? (0, import_vue.createCommentVNode)("", true) : ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("p", vo, " No request headers captured. "))
+        ], 512), [
+          [import_vue.vShow, i.value === "headers"]
+        ])
       ])
     ]));
   }
 });
-var ho = /* @__PURE__ */ j(uo, [["__scopeId", "data-v-0b284849"]]);
-var fo = ["value"];
-var po = {
+var yo = /* @__PURE__ */ j(go, [["__scopeId", "data-v-5e83c1d2"]]);
+var bo = ["value"];
+var wo = {
   key: 0,
   value: "",
   disabled: ""
 };
-var mo = ["value"];
-var vo = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var So = ["value"];
+var xo = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "SelectInput",
   props: {
     modelValue: {},
@@ -3450,44 +3470,44 @@ var vo = /* @__PURE__ */ (0, import_vue.defineComponent)({
       value: e.modelValue,
       onChange: t[0] || (t[0] = (n) => i.$emit("update:modelValue", n.target.value))
     }, [
-      e.placeholder ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("option", po, (0, import_vue.toDisplayString)(e.placeholder), 1)) : (0, import_vue.createCommentVNode)("", true),
+      e.placeholder ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("option", wo, (0, import_vue.toDisplayString)(e.placeholder), 1)) : (0, import_vue.createCommentVNode)("", true),
       ((0, import_vue.openBlock)(true), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(e.options, (n) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("option", {
         key: n.value,
         value: n.value
-      }, (0, import_vue.toDisplayString)(n.label), 9, mo))), 128))
-    ], 40, fo));
+      }, (0, import_vue.toDisplayString)(n.label), 9, So))), 128))
+    ], 40, bo));
   }
 });
-var go = /* @__PURE__ */ j(vo, [["__scopeId", "data-v-e6ef5dc9"]]);
-var yo = { class: "network-tab" };
-var bo = { class: "toolbar" };
-var wo = { class: "filter-bar" };
-var So = ["onClick"];
-var xo = { class: "filter-count" };
-var ko = {
+var _o = /* @__PURE__ */ j(xo, [["__scopeId", "data-v-e6ef5dc9"]]);
+var ko = { class: "network-tab" };
+var Io = { class: "toolbar" };
+var Eo = { class: "filter-bar" };
+var To = ["onClick"];
+var Mo = { class: "filter-count" };
+var Co = {
   key: 0,
   width: "10",
   height: "10",
   viewBox: "0 0 10 10",
   fill: "none"
 };
-var _o = {
+var Oo = {
   key: 0,
   width: "10",
   height: "10",
   viewBox: "0 0 10 10",
   fill: "none"
 };
-var Io = {
+var zo = {
   key: 0,
   style: { "font-size": "12px", color: "var(--dt-foreground-subtle)", padding: "16px" }
 };
-var Eo = {
+var Ao = {
   key: 1,
   class: "detail-pane"
 };
-var To = 180;
-var Mo = /* @__PURE__ */ (0, import_vue.defineComponent)({
+var Lo = 180;
+var qo = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "NetworkTab",
   setup(e) {
     const {
@@ -3500,16 +3520,16 @@ var Mo = /* @__PURE__ */ (0, import_vue.defineComponent)({
       selectedRequestId: r,
       selectRequest: a,
       instances: c
-    } = Vs(), { toolbarVisible: u, filterVisible: g, settingsOpen: d, toggleToolbar: w, toggleFilter: p, closeSettings: b } = Le(), v = (0, import_vue.computed)(() => [
+    } = Js(), { toolbarVisible: u, filterVisible: g, settingsOpen: d, toggleToolbar: w, toggleFilter: p, closeSettings: y } = $e(), v = (0, import_vue.computed)(() => [
       { value: "all", label: "All instances" },
-      ...[...c.value.values()].map((I) => ({
-        value: I.id,
-        label: I.url ?? I.id
+      ...[...c.value.values()].map((k) => ({
+        value: k.id,
+        label: k.url ?? k.id
       }))
     ]), x = (0, import_vue.computed)(
       () => {
-        var I, S;
-        return (I = l.value) != null && I.instanceId ? (S = c.value.get(l.value.instanceId)) == null ? void 0 : S.options : void 0;
+        var k;
+        return (k = l.value) == null ? void 0 : k.instanceOptions;
       }
     ), T = [
       { value: "all", label: "All" },
@@ -3517,57 +3537,62 @@ var Mo = /* @__PURE__ */ (0, import_vue.defineComponent)({
       { value: "error", label: "Error" },
       { value: "pending", label: "Pending" },
       { value: "aborted", label: "Aborted" }
-    ], k = (0, import_vue.ref)(320), z = (0, import_vue.ref)(null);
+    ], S = (0, import_vue.ref)(320);
+    (0, import_vue.onMounted)(async () => {
+      const k = await bn();
+      k !== void 0 && (S.value = k);
+    });
+    const z = (0, import_vue.ref)(null);
     let D = null;
-    function _(I) {
-      const S = I.clientX, E = k.value;
-      function V(Tt) {
-        const Mt = z.value ? z.value.offsetWidth * 0.7 : 800;
-        k.value = Math.max(To, Math.min(E + (Tt.clientX - S), Mt));
+    function I(k) {
+      const _ = k.clientX, E = S.value;
+      function V(At) {
+        const Lt = z.value ? z.value.offsetWidth * 0.7 : 800;
+        S.value = Math.max(Lo, Math.min(E + (At.clientX - _), Lt));
       }
-      function ve() {
-        window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", ve), D = null;
+      function ye() {
+        window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", ye), D = null, wn(S.value);
       }
-      window.addEventListener("mousemove", V), window.addEventListener("mouseup", ve), D = () => {
-        window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", ve);
-      }, I.preventDefault();
+      window.addEventListener("mousemove", V), window.addEventListener("mouseup", ye), D = () => {
+        window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", ye);
+      }, k.preventDefault();
     }
     return (0, import_vue.onScopeDispose)(() => {
       D == null || D();
-    }), (I, S) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", yo, [
-      (0, import_vue.withDirectives)((0, import_vue.createElementVNode)("div", bo, [
+    }), (k, _) => ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", ko, [
+      (0, import_vue.withDirectives)((0, import_vue.createElementVNode)("div", Io, [
         (0, import_vue.withDirectives)((0, import_vue.createElementVNode)("input", {
-          "onUpdate:modelValue": S[0] || (S[0] = (E) => (0, import_vue.isRef)(i) ? i.value = E : null),
+          "onUpdate:modelValue": _[0] || (_[0] = (E) => (0, import_vue.isRef)(i) ? i.value = E : null),
           class: "toolbar-input",
           placeholder: "Filter URL\u2026"
         }, null, 512), [
           [import_vue.vModelText, (0, import_vue.unref)(i)]
         ]),
-        (0, import_vue.createVNode)(go, {
+        (0, import_vue.createVNode)(_o, {
           modelValue: (0, import_vue.unref)(n),
-          "onUpdate:modelValue": S[1] || (S[1] = (E) => (0, import_vue.isRef)(n) ? n.value = E : null),
+          "onUpdate:modelValue": _[1] || (_[1] = (E) => (0, import_vue.isRef)(n) ? n.value = E : null),
           options: v.value
         }, null, 8, ["modelValue", "options"]),
         (0, import_vue.createElementVNode)("button", {
           class: "toolbar-btn",
-          onClick: S[2] || (S[2] = //@ts-ignore
+          onClick: _[2] || (_[2] = //@ts-ignore
           (...E) => (0, import_vue.unref)(o) && (0, import_vue.unref)(o)(...E))
         }, "Reset filters"),
         (0, import_vue.createElementVNode)("button", {
           class: "toolbar-btn toolbar-btn--danger",
-          onClick: S[3] || (S[3] = //@ts-ignore
-          (...E) => (0, import_vue.unref)(He) && (0, import_vue.unref)(He)(...E))
+          onClick: _[3] || (_[3] = //@ts-ignore
+          (...E) => (0, import_vue.unref)(We) && (0, import_vue.unref)(We)(...E))
         }, "Clear log")
       ], 512), [
         [import_vue.vShow, (0, import_vue.unref)(u)]
       ]),
-      (0, import_vue.withDirectives)((0, import_vue.createElementVNode)("div", wo, [
+      (0, import_vue.withDirectives)((0, import_vue.createElementVNode)("div", Eo, [
         ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)(import_vue.Fragment, null, (0, import_vue.renderList)(T, (E) => (0, import_vue.createElementVNode)("button", {
           key: E.value,
           class: (0, import_vue.normalizeClass)(["filter-pill", { "filter-pill--active": (0, import_vue.unref)(t) === E.value }]),
           onClick: (V) => t.value = E.value
-        }, (0, import_vue.toDisplayString)(E.label), 11, So)), 64)),
-        (0, import_vue.createElementVNode)("span", xo, (0, import_vue.toDisplayString)((0, import_vue.unref)(s).length) + " request" + (0, import_vue.toDisplayString)((0, import_vue.unref)(s).length === 1 ? "" : "s"), 1)
+        }, (0, import_vue.toDisplayString)(E.label), 11, To)), 64)),
+        (0, import_vue.createElementVNode)("span", Mo, (0, import_vue.toDisplayString)((0, import_vue.unref)(s).length) + " request" + (0, import_vue.toDisplayString)((0, import_vue.unref)(s).length === 1 ? "" : "s"), 1)
       ], 512), [
         [import_vue.vShow, (0, import_vue.unref)(g)]
       ]),
@@ -3575,8 +3600,8 @@ var Mo = /* @__PURE__ */ (0, import_vue.defineComponent)({
         (0, import_vue.unref)(d) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
           key: 0,
           style: { position: "fixed", inset: "0", "z-index": "99" },
-          onClick: S[4] || (S[4] = //@ts-ignore
-          (...E) => (0, import_vue.unref)(b) && (0, import_vue.unref)(b)(...E))
+          onClick: _[4] || (_[4] = //@ts-ignore
+          (...E) => (0, import_vue.unref)(y) && (0, import_vue.unref)(y)(...E))
         })) : (0, import_vue.createCommentVNode)("", true)
       ])),
       (0, import_vue.createVNode)(import_vue.Transition, { name: "settings-menu" }, {
@@ -3584,21 +3609,21 @@ var Mo = /* @__PURE__ */ (0, import_vue.defineComponent)({
           (0, import_vue.unref)(d) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
             key: 0,
             class: "settings-menu",
-            onKeydown: S[7] || (S[7] = (0, import_vue.withKeys)(
+            onKeydown: _[7] || (_[7] = (0, import_vue.withKeys)(
               //@ts-ignore
-              (...E) => (0, import_vue.unref)(b) && (0, import_vue.unref)(b)(...E),
+              (...E) => (0, import_vue.unref)(y) && (0, import_vue.unref)(y)(...E),
               ["escape"]
             ))
           }, [
             (0, import_vue.createElementVNode)("button", {
               class: "settings-item",
-              onClick: S[5] || (S[5] = //@ts-ignore
+              onClick: _[5] || (_[5] = //@ts-ignore
               (...E) => (0, import_vue.unref)(w) && (0, import_vue.unref)(w)(...E))
             }, [
               (0, import_vue.createElementVNode)("span", {
                 class: (0, import_vue.normalizeClass)(["settings-check", { "settings-check--on": (0, import_vue.unref)(u) }])
               }, [
-                (0, import_vue.unref)(u) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("svg", ko, [...S[9] || (S[9] = [
+                (0, import_vue.unref)(u) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("svg", Co, [..._[9] || (_[9] = [
                   (0, import_vue.createElementVNode)("path", {
                     d: "M1.5 5L4 7.5L8.5 2.5",
                     stroke: "currentColor",
@@ -3607,17 +3632,17 @@ var Mo = /* @__PURE__ */ (0, import_vue.defineComponent)({
                   }, null, -1)
                 ])])) : (0, import_vue.createCommentVNode)("", true)
               ], 2),
-              S[10] || (S[10] = (0, import_vue.createTextVNode)(" Toolbar ", -1))
+              _[10] || (_[10] = (0, import_vue.createTextVNode)(" Toolbar ", -1))
             ]),
             (0, import_vue.createElementVNode)("button", {
               class: "settings-item",
-              onClick: S[6] || (S[6] = //@ts-ignore
+              onClick: _[6] || (_[6] = //@ts-ignore
               (...E) => (0, import_vue.unref)(p) && (0, import_vue.unref)(p)(...E))
             }, [
               (0, import_vue.createElementVNode)("span", {
                 class: (0, import_vue.normalizeClass)(["settings-check", { "settings-check--on": (0, import_vue.unref)(g) }])
               }, [
-                (0, import_vue.unref)(g) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("svg", _o, [...S[11] || (S[11] = [
+                (0, import_vue.unref)(g) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("svg", Oo, [..._[11] || (_[11] = [
                   (0, import_vue.createElementVNode)("path", {
                     d: "M1.5 5L4 7.5L8.5 2.5",
                     stroke: "currentColor",
@@ -3626,7 +3651,7 @@ var Mo = /* @__PURE__ */ (0, import_vue.defineComponent)({
                   }, null, -1)
                 ])])) : (0, import_vue.createCommentVNode)("", true)
               ], 2),
-              S[12] || (S[12] = (0, import_vue.createTextVNode)(" Filter bar ", -1))
+              _[12] || (_[12] = (0, import_vue.createTextVNode)(" Filter bar ", -1))
             ])
           ], 32)) : (0, import_vue.createCommentVNode)("", true)
         ]),
@@ -3639,46 +3664,46 @@ var Mo = /* @__PURE__ */ (0, import_vue.defineComponent)({
       }, [
         (0, import_vue.createElementVNode)("div", {
           class: "list-pane",
-          style: (0, import_vue.normalizeStyle)((0, import_vue.unref)(l) ? { width: `${k.value}px` } : { flex: "1" })
+          style: (0, import_vue.normalizeStyle)((0, import_vue.unref)(l) ? { width: `${S.value}px` } : { flex: "1" })
         }, [
-          (0, import_vue.createVNode)(gi, {
+          (0, import_vue.createVNode)(_i, {
             requests: (0, import_vue.unref)(s),
             "active-request-id": (0, import_vue.unref)(r),
             onSelect: (0, import_vue.unref)(a)
           }, null, 8, ["requests", "active-request-id", "onSelect"]),
-          (0, import_vue.unref)(s).length === 0 ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Io, " No requests. ")) : (0, import_vue.createCommentVNode)("", true)
+          (0, import_vue.unref)(s).length === 0 ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", zo, " No requests. ")) : (0, import_vue.createCommentVNode)("", true)
         ], 4),
         (0, import_vue.unref)(l) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", {
           key: 0,
           class: "drag-handle",
-          onMousedown: _
+          onMousedown: I
         }, null, 32)) : (0, import_vue.createCommentVNode)("", true),
-        (0, import_vue.unref)(l) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Eo, [
-          (0, import_vue.createVNode)(ho, {
+        (0, import_vue.unref)(l) ? ((0, import_vue.openBlock)(), (0, import_vue.createElementBlock)("div", Ao, [
+          (0, import_vue.createVNode)(yo, {
             request: (0, import_vue.unref)(l),
             "instance-options": x.value,
-            onClose: S[8] || (S[8] = (E) => (0, import_vue.unref)(a)(null))
+            onClose: _[8] || (_[8] = (E) => (0, import_vue.unref)(a)(null))
           }, null, 8, ["request", "instance-options"])
         ])) : (0, import_vue.createCommentVNode)("", true)
       ], 512)
     ]));
   }
 });
-var Co = /* @__PURE__ */ j(Mo, [["__scopeId", "data-v-8c2a9bad"]]);
-var Oo = {
+var $o = /* @__PURE__ */ j(qo, [["__scopeId", "data-v-32459aba"]]);
+var Fo = {
   id: "network",
   label: "Network",
   icon: "lucide:network",
   order: 1,
-  component: Co
+  component: $o
 };
-function Ao(e, i) {
-  return Ft(e), Be(Oo), e.tabs && e.tabs.forEach((t) => Be(t)), Rs(), {
-    onInstanceCreated: Wt,
-    onInstanceDestroyed: Ht,
-    onStateUpdate: Bt,
-    onRequestStart: Kt,
-    onRequestEnd: Ut
+function Ro(e, i) {
+  return Nt(e), He(Fo), e.tabs && e.tabs.forEach((t) => He(t)), Bs(), {
+    onInstanceCreated: Jt,
+    onInstanceDestroyed: Xt,
+    onStateUpdate: Qt,
+    onRequestStart: Gt,
+    onRequestEnd: Yt
   };
 }
 
@@ -3691,7 +3716,7 @@ function nextRequestId() {
 }
 async function initDevtools(options, app) {
   if (!options.enabled) return;
-  bridge = Ao(options, app);
+  bridge = Ro(options, app);
   for (const fn2 of pendingCalls) fn2();
   pendingCalls.length = 0;
 }