@scalar/api-client 2.0.57 → 2.0.58

package/dist/components/CommandPalette/TheCommandPalette.vue2.js

@@ -10,7 +10,7 @@ import ne from "./CommandPaletteRequest.vue.js";
 import ae from "./CommandPaletteWorkspace.vue.js";
 import { commandPaletteBus as W } from "../../libs/event-busses/command-palette-bus.js";
 import { hotKeyBus as z } from "../../libs/event-busses/hot-keys-bus.js";
-const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, re = { for: "commandmenu" }, ce = ["onClick"], me = {
+const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, ce = { for: "commandmenu" }, re = ["onClick"], me = {
   key: 0,
   class: "text-c-3 text-center text-sm p-2 pt-3"
 }, ie = {
@@ -22,7 +22,7 @@ const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rou
   "Add Folder": oe,
   "Create Collection": Z,
   "Add Example": ee
-}, Re = /* @__PURE__ */ F({
+}, Se = /* @__PURE__ */ F({
   ...ie,
   setup(de) {
     const y = [
@@ -58,14 +58,14 @@ const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rou
             name: "Create Workspace",
             icon: "Workspace"
           },
-          {
-            name: "Add Server",
-            icon: "Brackets",
-            path: "/servers"
-          },
+          // {
+          //   name: 'Add Server',
+          //   icon: 'Server',
+          //   path: '/servers',
+          // },
           {
             name: "Add Environment",
-            icon: "Server",
+            icon: "Brackets",
             path: "/environment"
           },
           {
@@ -75,31 +75,31 @@ const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rou
           }
         ]
       }
-    ], r = O(), { push: M } = X(), { activeWorkspace: N } = Y(), S = i(), c = i(""), m = i(null), d = i(-1), R = i([]), C = E(
+    ], c = O(), { push: M } = X(), { activeWorkspace: N } = Y(), R = i(), r = i(""), m = i(null), d = i(-1), S = i([]), C = E(
       () => y.reduce((e, n) => {
         const o = n.commands.filter(
-          (t) => t.name.toLowerCase().includes(c.value.toLowerCase())
+          (t) => t.name.toLowerCase().includes(r.value.toLowerCase())
         );
         return [...e, ...o];
       }, [])
     ), p = () => {
-      r.hide(), c.value = "", m.value = null, d.value = -1;
+      c.hide(), r.value = "", m.value = null, d.value = -1;
     }, g = (e) => {
       "path" in e ? (M(`/workspace/${N.value.uid}${e.path}`), p()) : m.value = e.name;
-    }, $ = i(), A = ({
+    }, $ = i(), D = ({
       commandName: e,
       metaData: n
     } = {}) => {
-      m.value = e ?? null, S.value = n, r.show(), J(() => {
+      m.value = e ?? null, R.value = n, c.show(), J(() => {
         var o;
         return (o = $.value) == null ? void 0 : o.focus();
       });
-    }, D = (e, n) => {
+    }, A = (e, n) => {
       var v;
-      if (!r.open) return;
+      if (!c.open) return;
       n.preventDefault();
       const o = e === "up" ? -1 : 1, t = C.value.length;
-      d.value = (d.value + o + t) % t, (v = R.value[d.value]) == null || v.scrollIntoView({
+      d.value = (d.value + o + t) % t, (v = S.value[d.value]) == null || v.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
@@ -108,18 +108,18 @@ const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rou
     ), P = () => {
       k.value && g(k.value);
     }, L = (e) => {
-      r.open && (e.closeModal && p(), e.navigateSearchResultsUp && D("up", e.navigateSearchResultsUp), e.navigateSearchResultsDown && D("down", e.navigateSearchResultsDown), e.selectSearchResult && P());
+      c.open && (e.closeModal && p(), e.navigateSearchResultsUp && A("up", e.navigateSearchResultsUp), e.navigateSearchResultsDown && A("down", e.navigateSearchResultsDown), e.selectSearchResult && P());
     };
     return T(() => {
-      W.on(A), z.on(L);
+      W.on(D), z.on(L);
     }), U(() => {
-      W.off(A), z.off(L);
+      W.off(D), z.off(L);
     }), (e, n) => (a(), l(u, null, [
       h(s("div", {
         class: "commandmenu-clickout",
         onClick: n[0] || (n[0] = (o) => p())
       }, null, 512), [
-        [b, f(r).open]
+        [b, f(c).open]
       ]),
       h(s("div", le, [
         m.value ? (a(), l(u, { key: 1 }, [
@@ -135,12 +135,12 @@ const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rou
             })
           ]),
           (a(), Q(j(ue[m.value]), {
-            metaData: S.value,
+            metaData: R.value,
             onClose: p
           }, null, 40, ["metaData"]))
         ], 64)) : (a(), l(u, { key: 0 }, [
           s("div", se, [
-            s("label", re, [
+            s("label", ce, [
               x(f(w), {
                 class: "text-c-1 mr-2.5",
                 icon: "Search",
@@ -152,14 +152,14 @@ const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rou
               id: "commandmenu",
               ref_key: "commandInputRef",
               ref: $,
-              "onUpdate:modelValue": n[1] || (n[1] = (o) => c.value = o),
+              "onUpdate:modelValue": n[1] || (n[1] = (o) => r.value = o),
               autocomplete: "off",
               autofocus: "",
               class: "w-full rounded bg-none border-none py-1.5 text-sm focus:outline-none",
               placeholder: "Search commands...",
               type: "text"
             }, null, 512), [
-              [q, c.value]
+              [q, r.value]
             ])
           ]),
           (a(), l(u, null, I(y, (o) => (a(), l(u, {
@@ -169,19 +169,19 @@ const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rou
               [
                 b,
                 o.commands.filter(
-                  (t) => t.name.toLowerCase().includes(c.value.toLowerCase())
+                  (t) => t.name.toLowerCase().includes(r.value.toLowerCase())
                 ).length > 0
               ]
             ]),
             (a(!0), l(u, null, I(o.commands.filter(
-              (t) => t.name.toLowerCase().includes(c.value.toLowerCase())
+              (t) => t.name.toLowerCase().includes(r.value.toLowerCase())
             ), (t, v) => {
               var B;
               return a(), l("div", {
                 key: t.name,
                 ref_for: !0,
                 ref: (_) => {
-                  _ && (R.value[v] = _);
+                  _ && (S.value[v] = _);
                 },
                 class: K(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
                   "bg-b-2": t.name === ((B = k.value) == null ? void 0 : B.name)
@@ -195,18 +195,18 @@ const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rou
                   thickness: "1.5"
                 }, null, 8, ["icon"]),
                 H(" " + V(t.name), 1)
-              ], 10, ce);
+              ], 10, re);
             }), 128))
           ], 64))), 64)),
           C.value.length ? G("", !0) : (a(), l("div", me, " No commands found "))
         ], 64))
       ], 512), [
-        [b, f(r).open]
+        [b, f(c).open]
       ])
     ], 64));
   }
 });
 export {
   ue as PaletteComponents,
-  Re as default
+  Se as default
 };

package/dist/components/TopNav/TopNav.vue.d.ts

@@ -1,3 +1,22 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    openNewTab: {
+        name: string;
+        uid: string;
+    } | null;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    openNewTab: {
+        name: string;
+        uid: string;
+    } | null;
+}>>>, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 //# sourceMappingURL=TopNav.vue.d.ts.map

package/dist/components/TopNav/TopNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAkfA,wBAKG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";gBAoNc;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;gBAApC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;AAwUlD,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/TopNav/TopNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./TopNav.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dca235f9"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ec38eda3"]]);
 export {
-  f as default
+  e as default
 };

package/dist/components/TopNav/TopNav.vue2.js

@@ -1,44 +1,47 @@
-import { defineComponent as w, reactive as S, ref as U, watch as R, computed as j, onMounted as B, onBeforeUnmount as L, openBlock as s, createElementBlock as v, createElementVNode as u, createVNode as _, unref as g, toDisplayString as A, Fragment as M, renderList as O, createBlock as $, pushScopeId as z, popScopeId as E } from "vue";
-import { ROUTES as V } from "../../constants.js";
-import { useClipboard as q } from "../../hooks/useClipboard.js";
-import { ScalarIcon as T } from "@scalar/components";
-import { capitalize as K } from "@scalar/oas-utils/helpers";
-import D from "./TopNavItem.vue.js";
-import { useWorkspace as F } from "../../store/workspace.js";
-import { hotKeyBus as y } from "../../libs/event-busses/hot-keys-bus.js";
-const H = (i) => (z("data-v-dca235f9"), i = i(), E(), i), W = { class: "flex h-10 t-app__top-nav" }, G = /* @__PURE__ */ H(() => /* @__PURE__ */ u("div", { class: "t-app__top-nav-draggable" }, null, -1)), J = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, P = {
+import { defineComponent as L, reactive as R, ref as j, computed as B, watch as T, onMounted as A, onBeforeUnmount as E, openBlock as s, createElementBlock as h, createElementVNode as p, createVNode as g, unref as N, toDisplayString as M, Fragment as O, renderList as $, createBlock as z, pushScopeId as V, popScopeId as q } from "vue";
+import { ROUTES as K } from "../../constants.js";
+import { useClipboard as D } from "../../hooks/useClipboard.js";
+import { ScalarIcon as _ } from "@scalar/components";
+import { capitalize as F } from "@scalar/oas-utils/helpers";
+import H from "./TopNavItem.vue.js";
+import { useWorkspace as W } from "../../store/workspace.js";
+import { hotKeyBus as k } from "../../libs/event-busses/hot-keys-bus.js";
+const G = (l) => (V("data-v-ec38eda3"), l = l(), q(), l), J = { class: "flex h-10 t-app__top-nav" }, P = /* @__PURE__ */ G(() => /* @__PURE__ */ p("div", { class: "t-app__top-nav-draggable" }, null, -1)), Q = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, X = {
   key: 0,
   class: "flex items-center gap-1 w-full justify-center"
-}, ne = /* @__PURE__ */ w({
+}, ce = /* @__PURE__ */ L({
   __name: "TopNav",
-  setup(i) {
-    const { activeRequest: N, router: l } = F(), { copyToClipboard: k } = q(), t = S([{ label: "", path: "", icon: "Add" }]), o = U(0);
-    function d() {
+  props: {
+    openNewTab: {}
+  },
+  setup(l) {
+    const y = l, { activeRequest: I, router: c } = W(), { copyToClipboard: C } = D(), t = R([{ label: "", path: "", icon: "Add" }]), o = j(0), x = B(() => o.value);
+    function v() {
       var a;
-      const e = V.find((r) => l.currentRoute.value.name == r.name);
+      const e = K.find((r) => c.currentRoute.value.name == r.name);
       e && ((e == null ? void 0 : e.name) === "request" ? t[o.value] = {
-        label: ((a = N.value) == null ? void 0 : a.summary) || "",
-        path: l.currentRoute.value.path,
+        label: ((a = I.value) == null ? void 0 : a.summary) || "",
+        path: c.currentRoute.value.path,
         icon: e.icon
       } : t[o.value] = {
-        label: K(e == null ? void 0 : e.name) || "",
-        path: l.currentRoute.value.path,
+        label: F(e == null ? void 0 : e.name) || "",
+        path: c.currentRoute.value.path,
         icon: e.icon
       });
     }
-    function p() {
-      l.push(t[o.value].path);
+    function u() {
+      c.push(t[o.value].path);
     }
     function m() {
-      t.push({ label: "", path: "", icon: "Add" }), o.value = t.length - 1, d();
+      t.push({ label: "", path: "", icon: "Add" }), o.value = t.length - 1, v();
     }
-    function c(e) {
-      o.value = e, p();
+    function i(e) {
+      o.value = e, u();
     }
-    R(
-      () => l.currentRoute.value.path,
+    T(
+      () => c.currentRoute.value.path,
       () => {
-        d();
+        v();
       },
       { immediate: !0 }
     );
@@ -46,48 +49,60 @@ const H = (i) => (z("data-v-dca235f9"), i = i(), E(), i), W = { class: "flex h-1
       t.splice(e, 1), o.value = Math.min(
         o.value,
         t.length - 1
-      ), p();
+      ), u();
     }
-    const I = (e) => {
+    const w = (e) => {
       const a = new URL(window.location.href);
-      a.pathname = t[e].path, k(a.toString());
-    }, C = (e) => {
-      t.splice(0, e), t.splice(1), o.value = 0, p();
-    }, x = j(() => o.value), b = (e) => {
-      if (e.addTopNav && m(), e.closeTopNav && f(o.value), e.navigateTopNavLeft && c(Math.max(o.value - 1, 0)), e.navigateTopNavRight && c(Math.min(o.value + 1, t.length - 1)), e.jumpToTab) {
+      a.pathname = t[e].path, C(a.toString());
+    }, S = (e) => {
+      t.splice(0, e), t.splice(1), o.value = 0, u();
+    }, b = (e) => {
+      if (e.addTopNav && m(), e.closeTopNav && f(o.value), e.navigateTopNavLeft && i(Math.max(o.value - 1, 0)), e.navigateTopNavRight && i(Math.min(o.value + 1, t.length - 1)), e.jumpToTab) {
         const a = Number(e.jumpToTab.key) - 1;
-        a >= 0 && a < t.length && c(a);
+        a >= 0 && a < t.length && i(a);
       }
-      e.jumpToLastTab && c(t.length - 1);
+      e.jumpToLastTab && i(t.length - 1);
+    }, U = (e) => {
+      t.push({
+        label: e.name,
+        path: e.uid,
+        icon: "ExternalLink"
+      });
     };
-    return B(() => y.on(b)), L(() => y.off(b)), (e, a) => (s(), v("nav", W, [
-      G,
-      u("div", J, [
-        t.length === 1 ? (s(), v("div", P, [
-          _(g(T), {
+    return T(
+      () => y.openNewTab,
+      (e) => {
+        e && U(e);
+      },
+      { immediate: !0 }
+    ), A(() => k.on(b)), E(() => k.off(b)), (e, a) => (s(), h("nav", J, [
+      P,
+      p("div", Q, [
+        t.length === 1 ? (s(), h("div", X, [
+          g(N(_), {
             icon: t[0].icon,
             size: "xs",
             thickness: "2.5"
           }, null, 8, ["icon"]),
-          u("div", null, A(t[0].label), 1)
-        ])) : (s(!0), v(M, { key: 1 }, O(t, (r, n) => (s(), $(D, {
+          p("div", null, M(t[0].label), 1)
+        ])) : (s(!0), h(O, { key: 1 }, $(t, (r, n) => (s(), z(H, {
           key: n,
           active: n === x.value,
           hotkey: (n + 1).toString(),
           icon: r.icon,
           label: r.label,
-          onClick: (h) => c(n),
-          onClose: (h) => f(n),
-          onCloseOtherTabs: (h) => C(n),
-          onCopyUrl: (h) => I(n),
+          onClick: (d) => i(n),
+          onClose: (d) => f(n),
+          onCloseOtherTabs: (d) => S(n),
+          onCopyUrl: (d) => w(n),
           onNewTab: m
         }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
-        u("button", {
+        p("button", {
           class: "text-c-3 hover:bg-b-3 p-1.5 rounded-lg webkit-app-no-drag",
           type: "button",
           onClick: m
         }, [
-          _(g(T), {
+          g(N(_), {
             icon: "Add",
             size: "xs",
             thickness: "2.5"
@@ -98,5 +113,5 @@ const H = (i) => (z("data-v-dca235f9"), i = i(), E(), i), W = { class: "flex h-1
   }
 });
 export {
-  ne as default
+  ce as default
 };

package/dist/layouts/App/ApiClientApp.vue.d.ts

@@ -1,3 +1,13 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    newTab: (item: {
+        name: string;
+        uid: string;
+    }) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onNewTab?: ((item: {
+        name: string;
+        uid: string;
+    }) => any) | undefined;
+}, {}, {}>;
 export default _default;
 //# sourceMappingURL=ApiClientApp.vue.d.ts.map

package/dist/layouts/App/ApiClientApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";AAkVA,wBAKG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cA+J8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAiOjD,wBAMG"}

package/dist/layouts/App/ApiClientApp.vue.js

@@ -1,75 +1,79 @@
-import { defineComponent as _, onMounted as i, watchEffect as v, onBeforeMount as y, onBeforeUnmount as h, computed as k, openBlock as l, createElementBlock as d, Fragment as g, createElementVNode as p, createVNode as a, unref as n, withCtx as w, createBlock as f, KeepAlive as S, resolveDynamicComponent as x, createCommentVNode as T } from "vue";
-import C from "../../components/SideNav/SideNav.vue.js";
-import L from "../../components/TopNav/TopNav.vue.js";
-import { useWorkspace as B } from "../../store/workspace.js";
-import { addScalarClassesToHeadless as E } from "@scalar/components";
-import { LS_KEYS as K } from "@scalar/object-utils/mutator-record";
-import { getThemeStyles as M } from "@scalar/themes";
-import { ScalarToasts as W } from "@scalar/use-toasts";
-import { RouterView as A } from "vue-router";
-import { loadAllResources as D } from "../../libs/local-storage.js";
-import N from "../../components/CommandPalette/TheCommandPalette.vue.js";
-import { useDarkModeState as b } from "../../hooks/useDarkModeState.js";
-import { handleHotKeyDown as H } from "../../libs/event-busses/hot-keys-bus.js";
-const V = ["innerHTML"], F = {
+import { defineComponent as _, ref as h, onMounted as d, watchEffect as y, onBeforeMount as k, onBeforeUnmount as T, computed as g, openBlock as n, createElementBlock as p, Fragment as S, createElementVNode as u, createVNode as l, unref as r, withCtx as x, createBlock as f, KeepAlive as b, resolveDynamicComponent as N, createCommentVNode as C } from "vue";
+import L from "../../components/SideNav/SideNav.vue.js";
+import B from "../../components/TopNav/TopNav.vue.js";
+import { useWorkspace as E } from "../../store/workspace.js";
+import { addScalarClassesToHeadless as K } from "@scalar/components";
+import { LS_KEYS as M } from "@scalar/object-utils/mutator-record";
+import { getThemeStyles as W } from "@scalar/themes";
+import { ScalarToasts as A } from "@scalar/use-toasts";
+import { RouterView as D } from "vue-router";
+import { loadAllResources as H } from "../../libs/local-storage.js";
+import V from "../../components/CommandPalette/TheCommandPalette.vue.js";
+import { useDarkModeState as F } from "../../hooks/useDarkModeState.js";
+import { handleHotKeyDown as O } from "../../libs/event-busses/hot-keys-bus.js";
+const P = ["innerHTML"], R = {
   key: 0,
   class: "flex min-h-0 flex-1 z-0"
-}, O = { class: "flex flex-1 flex-col min-w-0" }, ee = /* @__PURE__ */ _({
+}, z = { class: "flex flex-1 flex-col min-w-0" }, ae = /* @__PURE__ */ _({
   __name: "ApiClientApp",
-  setup(P) {
-    i(() => {
-      v(() => {
-        document.body.classList.toggle("dark-mode", c.value), document.body.classList.toggle("light-mode", !c.value);
+  emits: ["newTab"],
+  setup(I) {
+    const c = h(null), w = (e) => {
+      c.value = e;
+    };
+    d(() => {
+      y(() => {
+        document.body.classList.toggle("dark-mode", m.value), document.body.classList.toggle("light-mode", !m.value);
       });
     });
-    const { isDark: c } = b(), r = B();
-    y(async () => {
-      if (localStorage.getItem(K.WORKSPACE)) {
-        const o = {};
-        let s = 0, t = 0, e = "";
-        for (e in localStorage)
-          Object.prototype.hasOwnProperty.call(localStorage, e) && (t = (localStorage[e].length + e.length) * 2, s += t, o[e] = (t / 1024).toFixed(2) + " KB");
-        o.Total = (s / 1024).toFixed(2) + " KB", console.table(o), D(r);
+    const { isDark: m } = F(), a = E();
+    k(async () => {
+      if (localStorage.getItem(M.WORKSPACE)) {
+        const e = {};
+        let s = 0, t = 0, o = "";
+        for (o in localStorage)
+          Object.prototype.hasOwnProperty.call(localStorage, o) && (t = (localStorage[o].length + o.length) * 2, s += t, e[o] = (t / 1024).toFixed(2) + " KB");
+        e.Total = (s / 1024).toFixed(2) + " KB", console.table(e), H(a);
       } else
-        r.workspaceMutators.add({
+        a.workspaceMutators.add({
           uid: "default",
           name: "Workspace",
           proxyUrl: "https://proxy.scalar.com"
         });
-      E();
+      K();
     });
-    const m = (o) => H(o);
-    i(() => window.addEventListener("keydown", m)), h(() => window.removeEventListener("keydown", m));
-    const u = k(
-      () => r.activeWorkspace.value && `<style>
-  ${M(r.activeWorkspace.value.themeId, {
+    const i = (e) => O(e);
+    d(() => window.addEventListener("keydown", i)), T(() => window.removeEventListener("keydown", i));
+    const v = g(
+      () => a.activeWorkspace.value && `<style>
+  ${W(a.activeWorkspace.value.themeId, {
         fonts: !0
       })}</style>`
     );
-    return (o, s) => {
+    return (e, s) => {
       var t;
-      return l(), d(g, null, [
-        p("div", { innerHTML: u.value }, null, 8, V),
-        a(L),
-        (t = n(r).activeWorkspace.value) != null && t.uid ? (l(), d("main", F, [
-          a(C),
-          a(n(N)),
-          p("div", O, [
-            a(n(A), null, {
-              default: w(({ Component: e }) => [
-                (l(), f(S, null, [
-                  (l(), f(x(e)))
+      return n(), p(S, null, [
+        u("div", { innerHTML: v.value }, null, 8, P),
+        l(B, { openNewTab: c.value }, null, 8, ["openNewTab"]),
+        (t = r(a).activeWorkspace.value) != null && t.uid ? (n(), p("main", R, [
+          l(L),
+          l(r(V)),
+          u("div", z, [
+            l(r(D), { onNewTab: w }, {
+              default: x(({ Component: o }) => [
+                (n(), f(b, null, [
+                  (n(), f(N(o)))
                 ], 1024))
               ]),
               _: 1
             })
           ])
-        ])) : T("", !0),
-        a(n(W))
+        ])) : C("", !0),
+        l(r(A))
       ], 64);
     };
   }
 });
 export {
-  ee as default
+  ae as default
 };

package/dist/libs/event-busses/cancel-request-bus.d.ts

@@ -0,0 +1,2 @@
+export declare const cancelRequestBus: import("@vueuse/core").UseEventBusReturn<void, any>;
+//# sourceMappingURL=cancel-request-bus.d.ts.map

package/dist/libs/event-busses/cancel-request-bus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cancel-request-bus.d.ts","sourceRoot":"","sources":["../../../src/libs/event-busses/cancel-request-bus.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,qDAAmC,CAAA"}

package/dist/libs/event-busses/cancel-request-bus.js

@@ -0,0 +1,5 @@
+import { useEventBus as e } from "@vueuse/core";
+const s = Symbol(), c = e(s);
+export {
+  c as cancelRequestBus
+};

package/dist/libs/event-busses/hot-keys-bus.d.ts

@@ -1,4 +1,4 @@
-import type { HotKeyConfig } from '@scalar/oas-utils/entities/workspace';
+import type { HotKeyConfig, HotKeyModifiers } from '@scalar/oas-utils/entities/workspace';
 import type { HotkeyEventName } from '@scalar/oas-utils/entities/workspace/consts';
 export type HotKeyEvents = Partial<Record<HotkeyEventName, KeyboardEvent>>;
 /** Event bus for hot keys */
@@ -18,6 +18,8 @@ export declare const hotKeyBus: import("@vueuse/core").UseEventBusReturn<Partial
  * - if you explicitly set it, the event must match ex: modifier false will not trigger if the modifier was pressed
  */
 export declare const DEFAULT_HOTKEYS: HotKeyConfig;
+/** Converts our modifier config to the eventKey */
+export declare const getModifiers: (modifiers: HotKeyModifiers) => ("altKey" | "ctrlKey" | "shiftKey" | "metaKey")[];
 /**
  * Global keydown handler for hotkeys
  *

package/dist/libs/event-busses/hot-keys-bus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hot-keys-bus.d.ts","sourceRoot":"","sources":["../../../src/libs/event-busses/hot-keys-bus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEb,MAAM,sCAAsC,CAAA;AAC7C,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,6CAA6C,CAAA;AAIpD,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,CAAA;AAG1E,6BAA6B;AAC7B,eAAO,MAAM,SAAS,+WAA4B,CAAA;AAyBlD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,EAAE,YAsB7B,CAAA;AAiCD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,OACvB,aAAa;;;;;;UA2BlB,CAAA"}
+{"version":3,"file":"hot-keys-bus.d.ts","sourceRoot":"","sources":["../../../src/libs/event-busses/hot-keys-bus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAChB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,6CAA6C,CAAA;AAIpD,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,CAAA;AAG1E,6BAA6B;AAC7B,eAAO,MAAM,SAAS,+WAA4B,CAAA;AAyBlD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,EAAE,YAsB7B,CAAA;AAsBD,mDAAmD;AACnD,eAAO,MAAM,YAAY,cAAe,eAAe,sDAQtD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,OACvB,aAAa;;;;;;UA2BlB,CAAA"}

package/dist/libs/event-busses/hot-keys-bus.js

@@ -59,6 +59,7 @@ const u = Symbol(), i = d(u), l = [
 };
 export {
   m as DEFAULT_HOTKEYS,
+  T as getModifiers,
   b as handleHotKeyDown,
   i as hotKeyBus
 };

package/dist/libs/event-busses/index.d.ts

@@ -1,5 +1,6 @@
 export * from './command-palette-bus.js';
-export * from './execute-request-bus.js';
 export * from './hot-keys-bus.js';
+export * from './execute-request-bus.js';
+export * from './cancel-request-bus.js';
 export * from './request-status-bus.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/libs/event-busses/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/libs/event-busses/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/libs/event-busses/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA"}

package/dist/libs/event-busses/index.js

@@ -1,12 +1,15 @@
 import { commandPaletteBus as o } from "./command-palette-bus.js";
-import { executeRequestBus as u } from "./execute-request-bus.js";
-import { DEFAULT_HOTKEYS as m, handleHotKeyDown as x, hotKeyBus as a } from "./hot-keys-bus.js";
-import { requestStatusBus as p } from "./request-status-bus.js";
+import { DEFAULT_HOTKEYS as s, getModifiers as u, handleHotKeyDown as m, hotKeyBus as f } from "./hot-keys-bus.js";
+import { executeRequestBus as a } from "./execute-request-bus.js";
+import { cancelRequestBus as B } from "./cancel-request-bus.js";
+import { requestStatusBus as n } from "./request-status-bus.js";
 export {
-  m as DEFAULT_HOTKEYS,
+  s as DEFAULT_HOTKEYS,
+  B as cancelRequestBus,
   o as commandPaletteBus,
-  u as executeRequestBus,
-  x as handleHotKeyDown,
-  a as hotKeyBus,
-  p as requestStatusBus
+  a as executeRequestBus,
+  u as getModifiers,
+  m as handleHotKeyDown,
+  f as hotKeyBus,
+  n as requestStatusBus
 };