@scalar/api-client 2.1.16 → 2.1.17

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @scalar/api-client
 
+## 2.1.17
+
+### Patch Changes
+
+- 8396e92: style: updates overall alignments
+- 6279c59: feat (api-client): remove tabs on client.scalar.com
+- 5581a28: fix: displays address bar placeholder according to active server
+
 ## 2.1.16
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAiuBA,wBAKG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAouBA,wBAKG"}

package/dist/components/AddressBar/AddressBar.vue.js

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

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -1,112 +1,113 @@
-import { defineComponent as U, ref as i, watch as L, onMounted as O, onBeforeUnmount as A, unref as l, openBlock as K, createElementBlock as N, createElementVNode as o, createVNode as s, withCtx as w, normalizeClass as B, normalizeStyle as T, createCommentVNode as $, pushScopeId as D, popScopeId as P } from "vue";
-import Q from "../CodeInput/CodeInput.vue.js";
-import { Listbox as W } from "@headlessui/vue";
-import { ScalarButton as j, ScalarIcon as F } from "@scalar/components";
-import { REQUEST_METHODS as G } from "@scalar/oas-utils/helpers";
-import { isMacOS as J } from "@scalar/use-tooltip";
-import { useMagicKeys as X, whenever as Y } from "@vueuse/core";
-import Z from "../HttpMethod/HttpMethod.vue.js";
-import ee from "./AddressBarHistory.vue.js";
-import te from "./AddressBarServer.vue.js";
-import { executeRequestBus as k } from "../../libs/event-busses/execute-request-bus.js";
-import { useWorkspace as le } from "../../store/store.js";
-import { requestStatusBus as oe } from "../../libs/event-busses/request-status-bus.js";
-import { hotKeyBus as y } from "../../libs/event-busses/hot-keys-bus.js";
-const v = (d) => (D("data-v-1a9f572a"), d = d(), P(), d), ae = {
+import { defineComponent as L, ref as i, watch as O, onMounted as A, onBeforeUnmount as K, unref as l, openBlock as N, createElementBlock as T, createElementVNode as o, createVNode as s, withCtx as w, normalizeClass as B, normalizeStyle as $, createCommentVNode as D, pushScopeId as P, popScopeId as Q } from "vue";
+import W from "../CodeInput/CodeInput.vue.js";
+import { Listbox as j } from "@headlessui/vue";
+import { ScalarButton as F, ScalarIcon as G } from "@scalar/components";
+import { REQUEST_METHODS as J } from "@scalar/oas-utils/helpers";
+import { isMacOS as X } from "@scalar/use-tooltip";
+import { useMagicKeys as Y, whenever as Z } from "@vueuse/core";
+import ee from "../HttpMethod/HttpMethod.vue.js";
+import te from "./AddressBarHistory.vue.js";
+import le from "./AddressBarServer.vue.js";
+import { executeRequestBus as S } from "../../libs/event-busses/execute-request-bus.js";
+import { useWorkspace as oe } from "../../store/store.js";
+import { requestStatusBus as ae } from "../../libs/event-busses/request-status-bus.js";
+import { hotKeyBus as k } from "../../libs/event-busses/hot-keys-bus.js";
+const v = (d) => (P("data-v-ef489963"), d = d(), Q(), d), re = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
-}, re = { class: "m-auto flex flex-row items-center" }, se = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, ne = { class: "flex gap-1" }, ie = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ue = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), de = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), fe = /* @__PURE__ */ v(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), qe = /* @__PURE__ */ U({
+}, se = { class: "m-auto flex flex-row items-center" }, ne = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, ie = { class: "flex gap-1" }, ue = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, de = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), ce = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), fe = /* @__PURE__ */ v(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), Ce = /* @__PURE__ */ L({
   __name: "AddressBar",
   setup(d) {
     const {
       activeRequest: t,
-      activeExample: S,
+      activeExample: y,
+      activeServer: q,
       isReadOnly: m,
-      requestMutators: c,
-      requestHistory: q
-    } = le(), p = i(q[0]), h = i(null), _ = X();
-    Y(
-      J() ? _.meta_enter : _.ctrl_enter,
-      () => k.emit()
+      requestMutators: f,
+      requestHistory: C
+    } = oe(), p = i(C[0]), h = i(null), _ = Y();
+    Z(
+      X() ? _.meta_enter : _.ctrl_enter,
+      () => S.emit()
     );
-    const C = (e) => {
-      !t.value || t.value.path === e || c.edit(t.value.uid, "path", e);
+    const E = (e) => {
+      !t.value || t.value.path === e || f.edit(t.value.uid, "path", e);
     };
-    L(
+    O(
       () => {
         var e;
         return (e = t.value) == null ? void 0 : e.path;
       },
       (e) => {
-        !t.value || !e || C(e);
+        !t.value || !e || E(e);
       }
     );
     const a = i(100), x = i(0), r = i(!1), n = i();
-    function E() {
-      r.value ? a.value -= (a.value - 15) / 60 : a.value -= x.value / 20, a.value <= 0 && (clearInterval(n.value), n.value = void 0, a.value = 100, r.value = !1);
-    }
     function R() {
-      n.value || (r.value = !0, n.value = setInterval(E, 20));
+      r.value ? a.value -= (a.value - 15) / 60 : a.value -= x.value / 20, a.value <= 0 && (clearInterval(n.value), n.value = void 0, a.value = 100, r.value = !1);
     }
     function I() {
-      x.value = a.value, r.value = !1;
+      n.value || (r.value = !0, n.value = setInterval(R, 20));
     }
     function V() {
+      x.value = a.value, r.value = !1;
+    }
+    function z() {
       clearInterval(n.value), n.value = void 0, a.value = 100, r.value = !1;
     }
-    oe.on((e) => {
-      e === "start" && R(), e === "stop" && I(), e === "abort" && V();
+    ae.on((e) => {
+      e === "start" && I(), e === "stop" && V(), e === "abort" && z();
     });
-    function z(e) {
-      t.value && c.edit(t.value.uid, "method", e);
+    function M(e) {
+      t.value && f.edit(t.value.uid, "method", e);
     }
-    function M() {
+    function H() {
       if (!t.value) return;
       const { method: e } = t.value;
-      return G[e].backgroundColor;
+      return J[e].backgroundColor;
     }
     function b() {
-      r.value || (r.value = !0, k.emit());
+      r.value || (r.value = !0, S.emit());
     }
-    function H(e) {
-      t.value && c.edit(t.value.uid, "path", e);
+    function U(e) {
+      t.value && f.edit(t.value.uid, "path", e);
     }
     function g(e) {
       var u;
       e.focusAddressBar && ((u = h.value) == null || u.focus());
     }
-    return O(() => y.on(g)), A(() => y.off(g)), (e, u) => l(t) && l(S) ? (K(), N("div", ae, [
-      o("div", re, [
-        s(l(W), {
+    return A(() => k.on(g)), K(() => k.off(g)), (e, u) => l(t) && l(y) ? (N(), T("div", re, [
+      o("div", se, [
+        s(l(j), {
           modelValue: p.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (f) => p.value = f)
+          "onUpdate:modelValue": u[0] || (u[0] = (c) => p.value = c)
         }, {
-          default: w(({ open: f }) => [
+          default: w(({ open: c }) => [
             o("div", {
               class: B([
                 "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last overflow-hidden lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
-                { "border-transparent overflow-visible rounded-b-none": f }
+                { "border-transparent overflow-visible rounded-b-none": c }
               ])
             }, [
-              o("div", se, [
+              o("div", ne, [
                 o("div", {
-                  class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", M()]),
-                  style: T({ transform: `translate3d(-${a.value}%,0,0)` })
+                  class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", H()]),
+                  style: $({ transform: `translate3d(-${a.value}%,0,0)` })
                 }, null, 6)
               ]),
-              o("div", ne, [
-                s(Z, {
+              o("div", ie, [
+                s(ee, {
                   isEditable: !l(m),
                   isSquare: "",
                   method: l(t).method,
                   teleport: ".scalar-client",
-                  onChange: z
+                  onChange: M
                 }, null, 8, ["isEditable", "method"])
               ]),
-              o("div", ie, [
-                ue,
-                s(te),
-                s(Q, {
+              o("div", ue, [
+                de,
+                s(le),
+                s(W, {
                   ref_key: "addressBarRef",
                   ref: h,
                   disableCloseBrackets: "",
@@ -115,21 +116,21 @@ const v = (d) => (D("data-v-1a9f572a"), d = d(), P(), d), ae = {
                   disableTabIndent: "",
                   emitOnBlur: !1,
                   modelValue: l(t).path,
-                  placeholder: "Enter URL to get started",
+                  placeholder: l(q) ? "" : "Enter URL to get started",
                   server: "",
                   onSubmit: b,
-                  "onUpdate:modelValue": H
-                }, null, 8, ["disabled", "modelValue"]),
-                de
+                  "onUpdate:modelValue": U
+                }, null, 8, ["disabled", "modelValue", "placeholder"]),
+                ce
               ]),
-              s(ee, { open: f }, null, 8, ["open"]),
-              s(l(j), {
+              s(te, { open: c }, null, 8, ["open"]),
+              s(l(F), {
                 class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 z-[1] font-bold",
                 disabled: r.value,
                 onClick: b
               }, {
                 default: w(() => [
-                  s(l(F), {
+                  s(l(G), {
                     class: "relative z-10 shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
@@ -143,9 +144,9 @@ const v = (d) => (D("data-v-1a9f572a"), d = d(), P(), d), ae = {
           _: 1
         }, 8, ["modelValue"])
       ])
-    ])) : $("", !0);
+    ])) : D("", !0);
   }
 });
 export {
-  qe as default
+  Ce as default
 };

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":";;cA6I8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAuMjD,wBAMG"}

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

@@ -1,65 +1,64 @@
-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, {
+    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, {
         fonts: !0
       })}</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"}

package/dist/layouts/App/hotkeys.js

@@ -0,0 +1,21 @@
+const e = {
+  t: { event: "addTopNav", modifiers: ["default"] },
+  w: { event: "closeTopNav", modifiers: ["default"] },
+  ArrowLeft: { event: "navigateTopNavLeft", modifiers: ["default", "Alt"] },
+  ArrowRight: { event: "navigateTopNavRight", modifiers: ["default", "Alt"] },
+  l: { event: "focusAddressBar", modifiers: ["default"] },
+  1: { event: "jumpToTab", modifiers: ["default"] },
+  2: { event: "jumpToTab", modifiers: ["default"] },
+  3: { event: "jumpToTab", modifiers: ["default"] },
+  4: { event: "jumpToTab", modifiers: ["default"] },
+  5: { event: "jumpToTab", modifiers: ["default"] },
+  6: { event: "jumpToTab", modifiers: ["default"] },
+  7: { event: "jumpToTab", modifiers: ["default"] },
+  8: { event: "jumpToTab", modifiers: ["default"] },
+  9: { event: "jumpToLastTab", modifiers: ["default"] },
+  f: { event: "focusRequestSearch", modifiers: ["default"] },
+  n: { event: "openCommandPaletteRequest", modifiers: ["default"] }
+};
+export {
+  e as APP_HOTKEYS
+};

package/dist/layouts/Web/ApiClientWeb.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=ApiClientWeb.vue.d.ts.map

package/dist/layouts/Web/ApiClientWeb.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiClientWeb.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/Web/ApiClientWeb.vue"],"names":[],"mappings":";AAmRA,wBAKG"}

package/dist/layouts/Web/ApiClientWeb.vue.js

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

package/dist/layouts/Web/ApiClientWeb.vue3.js

@@ -0,0 +1,5 @@
+import o from "./ApiClientWeb.vue.js";
+/* empty css                  */
+export {
+  o as default
+};