@scalar/api-client 2.1.16 → 2.1.18

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -1,76 +1,83 @@
-import { defineComponent as V, ref as _, openBlock as s, createBlock as u, withCtx as l, createVNode as p, unref as r, createTextVNode as d, createElementBlock as h, Fragment as A, createCommentVNode as O } from "vue";
-import { ScalarButton as x, ScalarIcon as P, ScalarCodeBlock as B } from "@scalar/components";
-import { useToasts as $ } from "@scalar/use-toasts";
-import N from "./CommandActionForm.vue.js";
-import T from "./CommandActionInput.vue.js";
-import { useFileDialog as L } from "../../hooks/useFileDialog.js";
-import { getOpenApiDocumentVersion as f } from "../../libs/getOpenApiDocumentVersion.js";
-import { isUrl as v } from "../../libs/isUrl.js";
-import { isDocument as M } from "../../libs/isDocument.js";
-import { useWorkspace as R } from "../../store/store.js";
-const X = /* @__PURE__ */ V({
+import { defineComponent as O, ref as P, computed as v, openBlock as l, createBlock as k, unref as n, withCtx as p, createVNode as y, createTextVNode as s, createElementBlock as c, Fragment as u, toDisplayString as _, createElementVNode as w, createCommentVNode as $ } from "vue";
+import { useLoadingState as R, ScalarButton as h, ScalarIcon as T, ScalarCodeBlock as j } from "@scalar/components";
+import { useToasts as M } from "@scalar/use-toasts";
+import z from "./CommandActionForm.vue.js";
+import E from "./CommandActionInput.vue.js";
+import { getOpenApiDocumentDetails as W } from "../../libs/getOpenApiDocumentDetails.js";
+import { isUrl as x } from "../../libs/isUrl.js";
+import { useFileDialog as J } from "../../hooks/useFileDialog.js";
+import { useWorkspace as Y } from "../../store/store.js";
+const q = { class: "flex justify-between" }, G = /* @__PURE__ */ w("div", { class: "pl-8 text-xs min-h-8 py-2 text-c-2" }, "Preview", -1), ne = /* @__PURE__ */ O({
   __name: "CommandPaletteImport",
   emits: ["close", "back"],
-  setup(j, { emit: b }) {
-    const m = b, { activeWorkspace: c, importSpecFile: g, importSpecFromUrl: C } = R(), { toast: n } = $(), e = _(""), { open: y } = L({
+  setup(H, { emit: U }) {
+    const f = U, { activeWorkspace: g, importSpecFile: b, importSpecFromUrl: D } = Y(), { toast: m } = M(), i = R(), e = P(""), o = v(
+      () => W(e.value)
+    ), C = v(
+      () => o.value ? o.value.type : "json"
+    ), S = v(() => x(e.value)), F = v(() => !!o.value), { open: L } = J({
       onChange: async (a) => {
-        const o = a == null ? void 0 : a[0];
-        if (o) {
-          const t = new FileReader();
-          t.onload = async (w) => {
-            var k;
-            const F = (k = w.target) == null ? void 0 : k.result;
+        const t = a == null ? void 0 : a[0];
+        if (t) {
+          const r = new FileReader();
+          r.onload = async (A) => {
+            var I;
+            const B = (I = A.target) == null ? void 0 : I.result;
             try {
-              await g(F, c.value.uid), n("Import successful", "info"), m("close");
-            } catch (i) {
-              console.error(i);
-              const U = (i == null ? void 0 : i.message) || "Unknown error";
-              n(`Import failed: ${U}`, "error");
+              await b(B, g.value.uid), m("Import successful", "info"), f("close");
+            } catch (d) {
+              console.error(d);
+              const N = (d == null ? void 0 : d.message) || "Unknown error";
+              m(`Import failed: ${N}`, "error");
             }
-          }, t.readAsText(o);
+          }, r.readAsText(t);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
     });
-    async function I() {
-      try {
-        e.value && (v(e.value) ? await C(
-          e.value,
-          void 0,
-          void 0,
-          c.value.uid
-        ) : M(e.value) ? await g(
-          String(e.value),
-          c.value.uid
-        ) : n("Import failed: Invalid URL or OpenAPI document", "error")), m("close"), n("Import successful", "info");
-      } catch (a) {
-        console.error("[importCollection]", a);
-        const o = (a == null ? void 0 : a.message) || "Unknown error";
-        n(`Import failed: ${o}`, "error");
+    async function V() {
+      if (!(!e.value || i.isLoading)) {
+        i.startLoading();
+        try {
+          if (S.value)
+            await D(
+              e.value,
+              void 0,
+              void 0,
+              g.value.uid
+            );
+          else if (F.value)
+            await b(
+              String(e.value),
+              g.value.uid
+            );
+          else {
+            m("Import failed: Invalid URL or OpenAPI document", "error"), i.invalidate(2e3, !0);
+            return;
+          }
+          i.clear(), f("close"), m("Import successful", "info");
+        } catch (a) {
+          console.error("[importCollection]", a);
+          const t = (a == null ? void 0 : a.message) || "Unknown error";
+          i.invalidate(2e3, !0), m(`Import failed: ${t}`, "error");
+        }
       }
     }
-    function S() {
-      return (f(e.value) || {}).type ?? "json";
-    }
-    function D(a) {
-      var t;
-      const o = (t = a.clipboardData) == null ? void 0 : t.getData("text");
-      o && (e.value = o);
-    }
-    return (a, o) => (s(), u(N, {
+    return (a, t) => (l(), k(z, {
       disabled: !e.value.trim(),
-      onSubmit: I
+      loading: n(i),
+      onSubmit: V
     }, {
-      options: l(() => [
-        p(r(x), {
+      options: p(() => [
+        y(n(h), {
           class: "p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
           variant: "outlined",
-          onClick: r(y)
+          onClick: n(L)
         }, {
-          default: l(() => [
-            d(" JSON, or YAML File "),
-            p(r(P), {
+          default: p(() => [
+            s(" JSON, or YAML File "),
+            y(n(T), {
               class: "text-c-3",
               icon: "UploadSimple",
               size: "md"
@@ -79,41 +86,54 @@ const X = /* @__PURE__ */ V({
           _: 1
         }, 8, ["onClick"])
       ]),
-      submit: l(() => [
-        d("Import Collection")
+      submit: p(() => [
+        s(" Import "),
+        S.value ? (l(), c(u, { key: 0 }, [
+          s(" from URL ")
+        ], 64)) : o.value && C.value ? (l(), c(u, { key: 1 }, [
+          o.value.title ? (l(), c(u, { key: 0 }, [
+            s(' "' + _(o.value.title) + '" ', 1)
+          ], 64)) : (l(), c(u, { key: 1 }, [
+            s(_(o.value.version) + " Spec", 1)
+          ], 64))
+        ], 64)) : (l(), c(u, { key: 2 }, [
+          s("Collection")
+        ], 64))
       ]),
-      default: l(() => [
-        !r(f)(e.value) || r(v)(e.value) ? (s(), u(T, {
+      default: p(() => [
+        !o.value || n(x)(e.value) ? (l(), k(E, {
           key: 0,
           modelValue: e.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (t) => e.value = t),
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => e.value = r),
           placeholder: "Paste Swagger/OpenAPI File URL or content",
-          onOnDelete: o[1] || (o[1] = (t) => m("back", t)),
-          onPaste: o[2] || (o[2] = (t) => D(t))
-        }, null, 8, ["modelValue"])) : (s(), h(A, { key: 1 }, [
-          p(r(x), {
-            class: "ml-auto p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
-            variant: "ghost",
-            onClick: o[3] || (o[3] = (t) => e.value = "")
-          }, {
-            default: l(() => [
-              d(" Clear ")
-            ]),
-            _: 1
-          }),
-          r(f)(e.value) && !r(v)(e.value) ? (s(), u(r(B), {
+          onOnDelete: t[1] || (t[1] = (r) => f("back", r))
+        }, null, 8, ["modelValue"])) : (l(), c(u, { key: 1 }, [
+          w("div", q, [
+            G,
+            y(n(h), {
+              class: "ml-auto p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
+              variant: "ghost",
+              onClick: t[2] || (t[2] = (r) => e.value = "")
+            }, {
+              default: p(() => [
+                s(" Clear ")
+              ]),
+              _: 1
+            })
+          ]),
+          o.value && !n(x)(e.value) ? (l(), k(n(j), {
             key: 0,
-            class: "bg-backdropdark border max-h-[25dvh] mt-2 rounded",
+            class: "border max-h-[40dvh] mt-1 bg-b-2 rounded [--scalar-small:--scalar-font-size-4]",
             content: e.value,
             copy: !1,
-            lang: S()
-          }, null, 8, ["content", "lang"])) : O("", !0)
+            lang: C.value
+          }, null, 8, ["content", "lang"])) : $("", !0)
         ], 64))
       ]),
       _: 1
-    }, 8, ["disabled"]));
+    }, 8, ["disabled", "loading"]));
   }
 });
 export {
-  X as default
+  ne as default
 };

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

@@ -2,7 +2,7 @@ import o from "./TheCommandPalette.vue2.js";
 import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c08d90be"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-272ef6cf"]]);
 export {
   s as PaletteComponents,
   a as default

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

@@ -1,5 +1,5 @@
-import { defineComponent as F, ref as u, computed as P, watch as U, onMounted as G, onBeforeUnmount as Q, openBlock as a, createElementBlock as r, Fragment as d, withDirectives as h, createElementVNode as m, vShow as w, unref as f, createVNode as y, withKeys as g, withModifiers as S, vModelText as j, renderList as K, toDisplayString as M, normalizeClass as J, createTextVNode as O, createCommentVNode as X, createBlock as Y, resolveDynamicComponent as Z, mergeProps as ee, nextTick as T } from "vue";
-import { useModal as oe, ScalarIcon as $ } from "@scalar/components";
+import { defineComponent as F, ref as u, computed as P, watch as U, onMounted as G, onBeforeUnmount as Q, openBlock as a, createElementBlock as r, Fragment as d, withDirectives as h, createElementVNode as m, vShow as w, unref as f, createVNode as y, withKeys as g, withModifiers as $, vModelText as j, renderList as K, toDisplayString as M, normalizeClass as J, createTextVNode as O, createCommentVNode as X, createBlock as Y, resolveDynamicComponent as Z, mergeProps as ee, nextTick as T } from "vue";
+import { useModal as oe, ScalarIcon as S } from "@scalar/components";
 import { useRouter as te } from "vue-router";
 import ne from "./CommandPaletteCollection.vue.js";
 import ae from "./CommandPaletteExample.vue.js";
@@ -29,7 +29,7 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
   setup(be) {
     const A = [
       {
-        label: "Add to Request Sidebar",
+        label: "",
         commands: [
           {
             name: "Create Request",
@@ -76,7 +76,7 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
           }
         ]
       }
-    ], c = oe(), { push: z } = te(), { activeWorkspace: N } = ie(), k = u(), l = u(""), s = u(null), i = u(-1), R = u([]), p = P(
+    ], c = oe(), { push: z } = te(), { activeWorkspace: N } = ie(), k = u(), l = u(""), s = u(null), i = u(-1), D = u([]), p = P(
       () => A.reduce((e, o) => {
         const t = o.commands.filter(
           (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
@@ -85,14 +85,14 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
       }, [])
     ), v = () => {
       c.hide(), l.value = "", s.value = null, i.value = -1;
-    }, q = (e) => {
+    }, H = (e) => {
       l.value !== "" && (e == null || e.preventDefault()), s.value = null, T(() => {
         var o;
         return (o = b.value) == null ? void 0 : o.focus();
       });
-    }, D = (e) => {
+    }, L = (e) => {
       "path" in e ? (z(`/workspace/${N.value.uid}${e.path}`), v()) : s.value = e.name;
-    }, b = u(), L = ({
+    }, b = u(), R = ({
       commandName: e,
       metaData: o
     } = {}) => {
@@ -109,21 +109,21 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
       if (!c.open) return;
       o.preventDefault();
       const t = e === "up" ? -1 : 1, n = p.value.length;
-      i.value = (i.value + t + n) % n, (C = R.value[i.value]) == null || C.scrollIntoView({
+      i.value = (i.value + t + n) % n, (C = D.value[i.value]) == null || C.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
     }, x = P(
       () => p.value[i.value]
-    ), H = (e) => {
-      !x.value || s.value || (e.preventDefault(), e.stopPropagation(), D(x.value));
+    ), q = (e) => {
+      !x.value || s.value || (e.preventDefault(), e.stopPropagation(), L(x.value));
     }, E = (e) => {
       c.open && e.closeModal && v();
     };
     return G(() => {
-      V.on(L), W.on(E);
+      V.on(R), W.on(E);
     }), Q(() => {
-      V.off(L), W.off(E);
+      V.off(R), W.off(E);
     }), (e, o) => (a(), r(d, null, [
       h(m("div", {
         class: "commandmenu-clickout",
@@ -138,23 +138,23 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
             type: "button",
             onClick: o[4] || (o[4] = (t) => s.value = null)
           }, [
-            y(f($), {
+            y(f(S), {
               icon: "ChevronLeft",
               size: "md",
               thickness: "1.5"
             })
           ]),
           (a(), Y(Z(ke[s.value]), ee(k.value ? { metaData: k.value } : {}, {
-            onBack: o[5] || (o[5] = (t) => q(t)),
+            onBack: o[5] || (o[5] = (t) => H(t)),
             onClose: v
           }), null, 16))
         ], 64)) : (a(), r(d, { key: 0 }, [
           m("div", de, [
             m("label", fe, [
-              y(f($), {
-                class: "text-c-1 mr-2.5",
+              y(f(S), {
+                class: "text-c-2 mr-2.5",
                 icon: "Search",
-                size: "sm",
+                size: "md",
                 thickness: "1.5"
               })
             ]),
@@ -169,9 +169,9 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
               placeholder: "Search commands...",
               type: "text",
               onKeydown: [
-                o[2] || (o[2] = g(S((t) => B("down", t), ["stop"]), ["down"])),
-                g(S(H, ["stop"]), ["enter"]),
-                o[3] || (o[3] = g(S((t) => B("up", t), ["stop"]), ["up"]))
+                o[2] || (o[2] = g($((t) => B("down", t), ["stop"]), ["down"])),
+                g($(q, ["stop"]), ["enter"]),
+                o[3] || (o[3] = g($((t) => B("up", t), ["stop"]), ["up"]))
               ]
             }, null, 40, pe), [
               [j, l.value]
@@ -196,15 +196,15 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
                 key: n.name,
                 ref_for: !0,
                 ref: (_) => {
-                  _ && (R.value[C] = _);
+                  _ && (D.value[C] = _);
                 },
                 class: J(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
                   "bg-b-2": n.name === ((I = x.value) == null ? void 0 : I.name)
                 }]),
-                onClick: (_) => D(n)
+                onClick: (_) => L(n)
               }, [
-                y(f($), {
-                  class: "text-c-1 mr-2.5",
+                y(f(S), {
+                  class: "text-c-2 mr-2.5",
                   icon: n.icon,
                   size: "md",
                   thickness: "1.5"

package/dist/components/ContextBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./ContextBar.vue2.js";
 /* empty css                */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-59badb72"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ba672e06"]]);
 export {
-  p as default
+  m as default
 };

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -94,9 +94,9 @@ const W = { class: "font-medium m-0 text-sm flex gap-1.5 items-center" }, $ = {
                 r("h2", W, [
                   l(k(((t = e(_)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
                   n(e(c), {
-                    class: "size-2.5",
+                    class: "size-3",
                     icon: "ChevronDown",
-                    thickness: "3.5"
+                    thickness: "3"
                   })
                 ])
               ];

package/dist/components/SideNav/SideNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./SideNav.vue2.js";
 /* empty css             */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-34c56294"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-985878af"]]);
 export {
-  p as default
+  m as default
 };

package/dist/components/SideNav/SideNav.vue2.js

@@ -8,7 +8,7 @@ const b = {
   "aria-label": "Side Navigation",
   class: "text-c-2 w-15 flex flex-col items-center px-2 py-2 scalar-sidenav relative drag-region bg-b-1 border-t-1/2",
   role: "navigation"
-}, S = { class: "flex flex-col gap-1.5" }, k = { class: "mt-auto flex flex-col py-1.5" }, E = { class: "flex items-center no-drag-region" }, R = { class: "flex items-center no-drag-region" }, O = /* @__PURE__ */ _({
+}, S = { class: "flex flex-col gap-1.5" }, k = { class: "mt-auto flex flex-col py-0.5" }, E = { class: "flex items-center no-drag-region" }, R = { class: "flex items-center no-drag-region" }, O = /* @__PURE__ */ _({
   __name: "SideNav",
   setup(V) {
     const { currentRoute: s } = v();

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-df123a3c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9a66e94b"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -1,13 +1,13 @@
-import { defineComponent as z, reactive as A, ref as B, computed as M, watch as y, onMounted as j, onBeforeUnmount as E, openBlock as d, createElementBlock as g, createElementVNode as h, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as C, Fragment as V, renderList as D, createBlock as q, pushScopeId as K, popScopeId as F } from "vue";
+import { defineComponent as z, reactive as A, ref as B, computed as M, watch as y, onMounted as j, onBeforeUnmount as E, openBlock as d, createElementBlock as g, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as C, Fragment as V, renderList as D, createBlock as q, pushScopeId as K, popScopeId as F } from "vue";
 import H from "../ScalarHotkey.vue.js";
 import { ROUTES as W } from "../../constants.js";
 import { useClipboard as G } from "../../hooks/useClipboard.js";
-import { ScalarContextMenu as J, ScalarIcon as f, ScalarDropdown as P, ScalarDropdownItem as x } from "@scalar/components";
+import { ScalarContextMenu as J, ScalarIcon as h, ScalarDropdown as P, ScalarDropdownItem as x } from "@scalar/components";
 import { capitalize as Q } from "@scalar/oas-utils/helpers";
 import X from "./TopNavItem.vue.js";
 import { useWorkspace as Y } from "../../store/store.js";
 import { hotKeyBus as I } from "../../libs/event-busses/hot-keys-bus.js";
-const Z = (s) => (K("data-v-df123a3c"), s = s(), F(), s), ee = { class: "flex h-10 t-app__top-nav" }, te = /* @__PURE__ */ Z(() => /* @__PURE__ */ h("div", { class: "t-app__top-nav-draggable" }, null, -1)), oe = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-1 relative overflow-hidden" }, ae = {
+const Z = (s) => (K("data-v-9a66e94b"), s = s(), F(), s), ee = { class: "flex h-10 t-app__top-nav" }, te = /* @__PURE__ */ Z(() => /* @__PURE__ */ f("div", { class: "t-app__top-nav-draggable" }, null, -1)), oe = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-1 relative overflow-hidden" }, ae = {
   key: 0,
   class: "h-full w-full overflow-hidden"
 }, de = /* @__PURE__ */ z({
@@ -78,16 +78,16 @@ const Z = (s) => (K("data-v-df123a3c"), s = s(), F(), s), ee = { class: "flex h-
       { immediate: !0 }
     ), j(() => I.on(w)), E(() => I.off(w)), (e, a) => (d(), g("nav", ee, [
       te,
-      h("div", oe, [
+      f("div", oe, [
         t.length === 1 ? (d(), g("div", ae, [
           n(l(J), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
             trigger: u(() => [
-              n(l(f), {
+              n(l(h), {
                 icon: t[0].icon,
                 size: "xs",
                 thickness: "2.5"
               }, null, 8, ["icon"]),
-              h("span", null, O(t[0].label), 1)
+              f("span", null, O(t[0].label), 1)
             ]),
             content: u(() => [
               n(l(P), {
@@ -100,7 +100,7 @@ const Z = (s) => (K("data-v-df123a3c"), s = s(), F(), s), ee = { class: "flex h-
                     onClick: m
                   }, {
                     default: u(() => [
-                      n(l(f), {
+                      n(l(h), {
                         icon: "AddTab",
                         size: "sm",
                         thickness: "1.5"
@@ -118,7 +118,7 @@ const Z = (s) => (K("data-v-df123a3c"), s = s(), F(), s), ee = { class: "flex h-
                     onClick: a[0] || (a[0] = (p) => N(T.value))
                   }, {
                     default: u(() => [
-                      n(l(f), {
+                      n(l(h), {
                         icon: "Link",
                         size: "sm",
                         thickness: "1.5"
@@ -145,12 +145,12 @@ const Z = (s) => (K("data-v-df123a3c"), s = s(), F(), s), ee = { class: "flex h-
           onCopyUrl: (b) => N(c),
           onNewTab: m
         }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
-        h("button", {
-          class: "text-c-3 hover:bg-b-3 p-1.5 rounded-lg webkit-app-no-drag",
+        f("button", {
+          class: "text-c-3 hover:bg-b-3 p-1.5 rounded webkit-app-no-drag",
           type: "button",
           onClick: m
         }, [
-          n(l(f), {
+          n(l(h), {
             icon: "Add",
             size: "xs",
             thickness: "2.5"

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -20,7 +20,7 @@ const x = { class: "flex flex-1 items-center gap-1.5 text-c-1" }, g = {
       defaultOpen: e.defaultOpen
     }, {
       default: n(({ open: t }) => [
-        i(o(m), { class: "hover:text-c-1 group flex w-full items-center gap-1.5 overflow-hidden py-1.5 text-sm font-medium px-1.5" }, {
+        i(o(m), { class: "hover:text-c-1 group flex w-full items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium px-1.5" }, {
           default: n(() => [
             i(o(b), {
               class: "text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0",

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":";;cAyI8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAuMjD,wBAMG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cA0I8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAoMjD,wBAMG"}

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

@@ -1,65 +1,61 @@
-import { defineComponent as w, ref as _, onMounted as c, watchEffect as h, onBeforeMount as k, onBeforeUnmount as T, computed as y, openBlock as t, createElementBlock as i, Fragment as b, createElementVNode as d, createVNode as e, unref as n, withCtx as N, createBlock as p, KeepAlive as g, resolveDynamicComponent as x, createCommentVNode as C } from "vue";
-import S from "../../components/SideNav/SideNav.vue.js";
+import { defineComponent as T, ref as _, onMounted as c, watchEffect as h, onBeforeMount as k, onBeforeUnmount as y, computed as b, openBlock as t, createElementBlock as i, Fragment as N, createElementVNode as d, createVNode as e, unref as n, withCtx as S, createBlock as p, KeepAlive as g, resolveDynamicComponent as x, createCommentVNode as E } from "vue";
+import C from "../../components/SideNav/SideNav.vue.js";
 import L from "../../components/TopNav/TopNav.vue.js";
-import { addScalarClassesToHeadless as B } from "@scalar/components";
-import { getThemeStyles as D } from "@scalar/themes";
-import { ScalarToasts as E } from "@scalar/use-toasts";
-import { RouterView as M } from "vue-router";
-import H from "../../components/CommandPalette/TheCommandPalette.vue.js";
-import { useDarkModeState as V } from "../../hooks/useDarkModeState.js";
-import { useWorkspace as W } from "../../store/store.js";
-import { handleHotKeyDown as A } from "../../libs/event-busses/hot-keys-bus.js";
-const K = ["innerHTML"], z = {
+import { addScalarClassesToHeadless as D } from "@scalar/components";
+import { getThemeStyles as H } from "@scalar/themes";
+import { ScalarToasts as K } from "@scalar/use-toasts";
+import { RouterView as A } from "vue-router";
+import { APP_HOTKEYS as B } from "./hotkeys.js";
+import M from "../../components/CommandPalette/TheCommandPalette.vue.js";
+import { DEFAULT_HOTKEYS as V, handleHotKeyDown as W } from "../../libs/event-busses/hot-keys-bus.js";
+import { useDarkModeState as P } from "../../hooks/useDarkModeState.js";
+import { useWorkspace as F } from "../../store/store.js";
+const O = ["innerHTML"], U = {
   key: 0,
   class: "flex min-h-0 flex-1 z-0"
-}, F = { class: "flex flex-1 flex-col min-w-0 border-l-1/2 border-t-1/2" }, Z = /* @__PURE__ */ w({
+}, Y = { class: "flex flex-1 flex-col min-w-0 border-l-1/2 border-t-1/2" }, ne = /* @__PURE__ */ T({
   __name: "ApiClientApp",
   emits: ["newTab"],
-  setup(I) {
-    const r = _(null), u = (o) => {
-      r.value = o;
+  setup(z) {
+    const u = { ...V, ...B }, a = _(null), f = (o) => {
+      a.value = o;
     };
     c(() => {
       h(() => {
         document.body.classList.toggle("dark-mode", l.value), document.body.classList.toggle("light-mode", !l.value);
       });
     });
-    const { isDark: l } = V(), a = W();
-    k(async () => {
-      B();
-    });
-    const s = (o) => A(o);
-    c(() => window.addEventListener("keydown", s)), T(() => window.removeEventListener("keydown", s));
-    const f = y(
-      () => a.activeWorkspace.value && `<style>
-  ${D(a.activeWorkspace.value.themeId, {
-        fonts: !0
-      })}</style>`
+    const { isDark: l } = P(), r = F();
+    k(() => D());
+    const s = (o) => W(o, { hotKeys: u });
+    c(() => window.addEventListener("keydown", s)), y(() => window.removeEventListener("keydown", s));
+    const v = b(
+      () => r.activeWorkspace.value && `<style>${H(r.activeWorkspace.value.themeId)}</style>`
     );
-    return (o, P) => {
+    return (o, I) => {
       var m;
-      return t(), i(b, null, [
-        d("div", { innerHTML: f.value }, null, 8, K),
-        e(L, { openNewTab: r.value }, null, 8, ["openNewTab"]),
-        (m = n(a).activeWorkspace.value) != null && m.uid ? (t(), i("main", z, [
-          e(S),
-          e(n(H)),
-          d("div", F, [
-            e(n(M), { onNewTab: u }, {
-              default: N(({ Component: v }) => [
+      return t(), i(N, null, [
+        d("div", { innerHTML: v.value }, null, 8, O),
+        e(L, { openNewTab: a.value }, null, 8, ["openNewTab"]),
+        (m = n(r).activeWorkspace.value) != null && m.uid ? (t(), i("main", U, [
+          e(C),
+          e(n(M)),
+          d("div", Y, [
+            e(n(A), { onNewTab: f }, {
+              default: S(({ Component: w }) => [
                 (t(), p(g, null, [
-                  (t(), p(x(v)))
+                  (t(), p(x(w)))
                 ], 1024))
               ]),
               _: 1
             })
           ])
-        ])) : C("", !0),
-        e(n(E))
+        ])) : E("", !0),
+        e(n(K))
       ], 64);
     };
   }
 });
 export {
-  Z as default
+  ne as default
 };

package/dist/layouts/App/hotkeys.d.ts

@@ -0,0 +1,6 @@
+import type { HotKeyConfig } from '@scalar/oas-utils/entities/workspace';
+/**
+ * Default set of keybindings for the client app
+ */
+export declare const APP_HOTKEYS: HotKeyConfig;
+//# sourceMappingURL=hotkeys.d.ts.map

package/dist/layouts/App/hotkeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotkeys.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/hotkeys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAA;AAExE;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,YAiBzB,CAAA"}