@scalar/api-client 2.0.39 → 2.0.41

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @scalar/api-client
 
+## 2.0.41
+
+### Patch Changes
+
+- 09d07d1: fix: api client help and darkmode button, sidebar bugs, backgrounds, etc
+- Updated dependencies [09d07d1]
+- Updated dependencies [4e5de89]
+  - @scalar/components@0.12.27
+  - @scalar/use-codemirror@0.11.10
+
+## 2.0.40
+
+### Patch Changes
+
+- 3a6effa: feat(api-client): add response previews
+- dfa7434: feat(api-client): added drag and drop to the api client
+- Updated dependencies [3a6effa]
+- Updated dependencies [dfa7434]
+  - @scalar/use-codemirror@0.11.9
+  - @scalar/components@0.12.26
+  - @scalar/themes@0.9.19
+  - @scalar/draggable@0.1.4
+  - @scalar/oas-utils@0.2.22
+
 ## 2.0.39
 
 ### 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":";AAykBA,wBAKG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAulBA,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-48f9b777"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-556303b4"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -9,7 +9,7 @@ import { useMagicKeys as D, whenever as K } from "@vueuse/core";
 import Q from "../HttpMethod/HttpMethod.vue.js";
 import W from "./AddressBarHistory.vue.js";
 import { executeRequestBus as m } from "../../libs/eventBusses/executeRequestBus.js";
-const f = (n) => (M("data-v-48f9b777"), n = n(), U(), n), j = {
+const f = (n) => (M("data-v-556303b4"), n = n(), U(), n), j = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
 }, F = { class: "m-auto flex basis-1/2 flex-row items-center" }, G = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, J = { class: "flex gap-1" }, P = { class: "scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, X = /* @__PURE__ */ f(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), Y = /* @__PURE__ */ f(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), Z = /* @__PURE__ */ f(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), ce = /* @__PURE__ */ q({

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DarkModeIconToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DarkModeToggle/DarkModeIconToggle.vue"],"names":[],"mappings":";AAwGA,wBAKG"}
+{"version":3,"file":"DarkModeIconToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DarkModeToggle/DarkModeIconToggle.vue"],"names":[],"mappings":";AA6GA,wBAKG"}

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.js

@@ -1,25 +1,25 @@
-import { defineComponent as c, openBlock as i, createElementBlock as l, unref as e, createVNode as r, withCtx as s, createTextVNode as p, toDisplayString as m } from "vue";
-import d from "../ScreenReader.vue.js";
+import { defineComponent as c, openBlock as l, createElementBlock as s, unref as e, createVNode as r, withCtx as i, createTextVNode as p, toDisplayString as d } from "vue";
+import m from "../ScreenReader.vue.js";
 import { ScalarIcon as u } from "@scalar/components";
 import { useDarkModeState as f } from "../../hooks/useDarkModeState.js";
-const b = /* @__PURE__ */ c({
+const w = /* @__PURE__ */ c({
   __name: "DarkModeIconToggle",
   setup(g) {
-    const { toggleDarkMode: t, isDark: n } = f();
-    return (k, o) => (i(), l("button", {
-      class: "min-w-[37px] max-w-[42px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px]",
+    const { toggleDarkMode: t, isDark: a } = f();
+    return (k, o) => (l(), s("button", {
+      class: "min-w-[37px] max-w-[42px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px] text-c-3 focus:text-c-1 w-full aspect-square scalar-app-nav-padding",
       type: "button",
       onClick: o[0] || (o[0] = //@ts-ignore
-      (...a) => e(t) && e(t)(...a))
+      (...n) => e(t) && e(t)(...n))
     }, [
       r(e(u), {
         class: "block h-6 w-6",
         icon: "LightDarkModeToggle",
         thickness: "1.5"
       }),
-      r(d, null, {
-        default: s(() => [
-          p(" Switch to " + m(e(n) ? "Light" : "Dark") + " Mode ", 1)
+      r(m, null, {
+        default: i(() => [
+          p(" Switch to " + d(e(a) ? "Light" : "Dark") + " Mode ", 1)
         ]),
         _: 1
       })
@@ -27,5 +27,5 @@ const b = /* @__PURE__ */ c({
   }
 });
 export {
-  b as default
+  w as default
 };

package/dist/components/DataTable/DataTableInput.vue.d.ts

@@ -49,8 +49,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onInputBlur?: (() => any) | undefined;
 }, {
     required: boolean;
-    canAddCustomEnumValue: boolean;
     readOnly: boolean;
+    canAddCustomEnumValue: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/DataTable/DataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAwNA,iBAAS,cAAc;qBAiKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SAjQZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;cAPD,OAAO;2BAGM,OAAO;cACpB,OAAO;MAgQpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAwNA,iBAAS,cAAc;qBAiKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SAjQZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;cAPD,OAAO;cAIP,OAAO;2BADM,OAAO;MAiQjC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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/Search/SearchButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchButton.vue"],"names":[],"mappings":";;;;;AAwHA,wBAMG"}
+{"version":3,"file":"SearchButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchButton.vue"],"names":[],"mappings":";;;;;AAoIA,wBAMG"}

package/dist/components/Search/SearchButton.vue.js

@@ -1,30 +1,7 @@
-import { defineComponent as n, openBlock as c, createElementBlock as r, createElementVNode as e, createVNode as i, unref as a } from "vue";
-import { ScalarIcon as l } from "@scalar/components";
-const p = { class: "bg-b-1 sticky top-0 z-50 px-3 py-2.5 pb-0" }, d = { class: "w-[15px] flex items-center justify-center" }, m = /* @__PURE__ */ e("div", { class: "sidebar-search-input ml-1.5 flex w-full items-center justify-between text-sm font-medium" }, [
-  /* @__PURE__ */ e("span", { class: "sidebar-search-placeholder" }, "Search")
-], -1), b = /* @__PURE__ */ n({
-  __name: "SearchButton",
-  emits: ["openSearchModal"],
-  setup(u, { emit: s }) {
-    const o = s;
-    return (f, t) => (c(), r("div", p, [
-      e("button", {
-        class: "border-1/2 text-c-2 flex w-full items-center rounded p-1.5",
-        type: "button",
-        onClick: t[0] || (t[0] = (_) => o("openSearchModal"))
-      }, [
-        e("div", d, [
-          i(a(l), {
-            icon: "Search",
-            size: "xs",
-            thickness: "2.5"
-          })
-        ]),
-        m
-      ])
-    ]));
-  }
-});
+import o from "./SearchButton.vue2.js";
+/* empty css                  */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2c26b5ad"]]);
 export {
-  b as default
+  m as default
 };

package/dist/components/Search/SearchButton.vue2.js

@@ -1,4 +1,30 @@
-import f from "./SearchButton.vue.js";
+import { defineComponent as n, openBlock as r, createElementBlock as a, createElementVNode as t, createVNode as i, unref as p, pushScopeId as d, popScopeId as l } from "vue";
+import { ScalarIcon as m } from "@scalar/components";
+const u = (e) => (d("data-v-2c26b5ad"), e = e(), l(), e), f = { class: "search-button-fade sticky top-0 z-50 px-3 py-2.5 pb-2.5" }, h = { class: "w-[15px] flex items-center justify-center" }, _ = /* @__PURE__ */ u(() => /* @__PURE__ */ t("div", { class: "sidebar-search-input ml-1.5 flex w-full items-center justify-between text-sm font-medium" }, [
+  /* @__PURE__ */ t("span", { class: "sidebar-search-placeholder" }, "Search")
+], -1)), v = /* @__PURE__ */ n({
+  __name: "SearchButton",
+  emits: ["openSearchModal"],
+  setup(e, { emit: s }) {
+    const c = s;
+    return (x, o) => (r(), a("div", f, [
+      t("button", {
+        class: "border-1/2 text-c-2 flex w-full items-center rounded p-1.5",
+        type: "button",
+        onClick: o[0] || (o[0] = (b) => c("openSearchModal"))
+      }, [
+        t("div", h, [
+          i(p(m), {
+            icon: "Search",
+            size: "xs",
+            thickness: "2.5"
+          })
+        ]),
+        _
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  v as default
 };

package/dist/components/SideNav/SideHelp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideHelp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideHelp.vue"],"names":[],"mappings":";AA8YA,wBAKG"}
+{"version":3,"file":"SideHelp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideHelp.vue"],"names":[],"mappings":";AAoYA,wBAKG"}

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

@@ -1,10 +1,13 @@
 import { defineComponent as l, openBlock as o, createBlock as i, unref as s, withCtx as c, createElementVNode as e, createVNode as t } from "vue";
-import { ScalarDropdown as r, ScalarDropdownItem as a, ScalarIcon as n, ScalarButton as d } from "@scalar/components";
-const _ = /* @__PURE__ */ e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 font-medium" }, "Support", -1), u = {
+import { ScalarDropdown as r, ScalarDropdownItem as a, ScalarIcon as n } from "@scalar/components";
+const d = {
+  class: "min-w-[37px] max-w-[42px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px] text-c-3 focus:text-c-1 scalar-app-nav-padding",
+  type: "button"
+}, _ = /* @__PURE__ */ e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 font-medium" }, "Support", -1), p = {
   class: "no-underline block",
   href: "https://discord.gg/scalar",
   target: "_blank"
-}, f = { class: "flex items-center justify-center" }, p = /* @__PURE__ */ e("span", null, "Discord", -1), h = {
+}, u = { class: "flex items-center justify-center" }, f = /* @__PURE__ */ e("span", null, "Discord", -1), h = {
   class: "no-underline block",
   href: "https://github.com/scalar/scalar",
   target: "_blank"
@@ -16,29 +19,30 @@ const _ = /* @__PURE__ */ e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 fon
   class: "no-underline block",
   href: "https://scalar.com/changelog",
   target: "_blank"
-}, v = { class: "flex items-center justify-center" }, j = /* @__PURE__ */ e("span", null, "Changelog", -1), S = {
+}, v = { class: "flex items-center justify-center" }, j = /* @__PURE__ */ e("span", null, "Changelog", -1), z = {
   class: "no-underline block",
   href: "https://github.com/scalar/scalar/issues/2669",
   target: "_blank"
-}, z = { class: "flex items-center justify-center" }, C = /* @__PURE__ */ e("span", null, "Roadmap", -1), I = /* @__PURE__ */ l({
+}, S = { class: "flex items-center justify-center" }, C = /* @__PURE__ */ e("span", null, "Roadmap", -1), I = /* @__PURE__ */ l({
   __name: "SideHelp",
   setup(D) {
-    return (H, B) => (o(), i(s(r), {
+    return (H, E) => (o(), i(s(r), {
       class: "max-w-[150px]",
       placement: "top-end"
     }, {
       items: c(() => [
         _,
-        e("a", u, [
+        e("a", p, [
           t(s(a), { class: "flex items-center gap-1.5 w-full" }, {
             default: c(() => [
-              e("div", f, [
+              e("div", u, [
                 t(s(n), {
                   icon: "DiscordLine",
-                  size: "xs"
+                  size: "xs",
+                  thickness: "1.75"
                 })
               ]),
-              p
+              f
             ]),
             _: 1
           })
@@ -49,7 +53,8 @@ const _ = /* @__PURE__ */ e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 fon
               e("div", m, [
                 t(s(n), {
                   icon: "GitHubLine",
-                  size: "xs"
+                  size: "xs",
+                  thickness: "1.75"
                 })
               ]),
               x
@@ -79,7 +84,7 @@ const _ = /* @__PURE__ */ e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 fon
                 t(s(n), {
                   icon: "Changelog",
                   size: "xs",
-                  thickness: "2"
+                  thickness: "1.75"
                 })
               ]),
               j
@@ -87,14 +92,14 @@ const _ = /* @__PURE__ */ e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 fon
             _: 1
           })
         ]),
-        e("a", S, [
+        e("a", z, [
           t(s(a), { class: "flex items-center gap-1.5 w-full" }, {
             default: c(() => [
-              e("div", z, [
+              e("div", S, [
                 t(s(n), {
                   icon: "Roadmap",
                   size: "xs",
-                  thickness: "2"
+                  thickness: "1.75"
                 })
               ]),
               C
@@ -104,19 +109,12 @@ const _ = /* @__PURE__ */ e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 fon
         ])
       ]),
       default: c(() => [
-        t(s(d), {
-          class: "min-w-[37px] max-w-[42px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px]",
-          fullWidth: "",
-          variant: "ghost"
-        }, {
-          default: c(() => [
-            t(s(n), {
-              icon: "Help",
-              thickness: "1.5"
-            })
-          ]),
-          _: 1
-        })
+        e("button", d, [
+          t(s(n), {
+            icon: "Help",
+            thickness: "1.5"
+          })
+        ])
       ]),
       _: 1
     }));

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

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

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

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

@@ -1,8 +1,8 @@
 import { defineComponent as _, openBlock as r, createElementBlock as i, createVNode as e, createElementVNode as t, Fragment as f, renderList as p, unref as s, withCtx as u, createTextVNode as d, toDisplayString as x } from "vue";
 import h from "../DarkModeToggle/DarkModeIconToggle.vue.js";
 import { ROUTES as v } from "../../constants.js";
-import { useRouter as g } from "vue-router";
-import N from "./SideHelp.vue.js";
+import { useRouter as N } from "vue-router";
+import g from "./SideHelp.vue.js";
 import y from "./SideNavLink.vue.js";
 import S from "./WorkspaceProfileIcon.vue.js";
 /* empty css                          */
@@ -10,10 +10,10 @@ const $ = {
   "aria-label": "Side Navigation",
   class: "text-c-2 w-15 flex flex-col items-center px-2 py-2 scalar-sidenav relative",
   role: "navigation"
-}, k = { class: "mt-3.5 flex flex-col gap-1.5" }, E = { class: "mt-auto flex flex-col gap-2 py-1.5" }, R = { class: "flex items-center" }, V = { class: "flex items-center" }, j = /* @__PURE__ */ _({
+}, k = { class: "mt-3.5 flex flex-col gap-1.5" }, E = { class: "mt-auto flex flex-col py-1.5" }, R = { class: "flex items-center" }, V = { class: "flex items-center" }, j = /* @__PURE__ */ _({
   __name: "SideNav",
   setup(w) {
-    const { currentRoute: c } = g();
+    const { currentRoute: c } = N();
     return (B, C) => (r(), i("nav", $, [
       e(S),
       t("ul", k, [
@@ -36,7 +36,7 @@ const $ = {
       ]),
       t("ul", E, [
         t("li", R, [
-          e(N)
+          e(g)
         ]),
         t("li", V, [
           e(h)

package/dist/components/SideNav/SideNavLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAK/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAmB1D,iBAAS,cAAc;qBA8EO,GAAG;EAgBhC;AACD,QAAA,MAAM,eAAe;UA/Gb,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;gBACzB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,YAAY,CAAC;aACxC,OAAO;;UAHV,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;gBACzB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,YAAY,CAAC;aACxC,OAAO;aAkHhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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"}
+{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAK/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAmB1D,iBAAS,cAAc;qBA+EO,GAAG;EAgBhC;AACD,QAAA,MAAM,eAAe;UAhHb,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;gBACzB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,YAAY,CAAC;aACxC,OAAO;;UAHV,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;gBACzB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,YAAY,CAAC;aACxC,OAAO;aAmHhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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/SideNav/SideNavLink.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as a, resolveComponent as s, openBlock as i, createBloc
 import { useWorkspace as f } from "../../store/workspace.js";
 import { ScalarIcon as v } from "@scalar/components";
 import { useRouter as _ } from "vue-router";
-const k = { class: "no-underline font-medium text-[11px] hidden scalar-app-show capitalize" }, g = { class: "sr-only" }, b = /* @__PURE__ */ a({
+const k = { class: "no-underline font-medium text-[11px] hidden scalar-app-show capitalize" }, x = { class: "sr-only" }, b = /* @__PURE__ */ a({
   __name: "SideNavLink",
   props: {
     icon: {},
@@ -10,9 +10,9 @@ const k = { class: "no-underline font-medium text-[11px] hidden scalar-app-show
     prettyName: {},
     active: { type: Boolean }
   },
-  setup(h) {
+  setup(g) {
     const { activeWorkspace: n } = f();
-    return _(), (e, x) => {
+    return _(), (e, h) => {
       const r = s("router-link");
       return i(), c(r, {
         activeClass: "active-link",
@@ -21,8 +21,8 @@ const k = { class: "no-underline font-medium text-[11px] hidden scalar-app-show
       }, {
         default: p(() => [
           o("div", {
-            class: l(["min-w-[37px] max-w-[42px] group-hover:bg-b-2 active:text-c-1 flex items-center justify-center rounded-lg p-[7px] scalar-app-nav-padding", {
-              "bg-b-2 transition-none group-hover:cursor-auto text-c-1": e.active
+            class: l(["min-w-[37px] max-w-[42px] group-hover:bg-b-2 active:text-c-1 flex items-center justify-center rounded-lg p-[7px] scalar-app-nav-padding text-c-3", {
+              "bg-b-2 transition-none group-hover:cursor-auto !text-c-1": e.active
             }])
           }, [
             m(t(v), {
@@ -31,7 +31,7 @@ const k = { class: "no-underline font-medium text-[11px] hidden scalar-app-show
             }, null, 8, ["icon"])
           ], 2),
           o("div", k, u(e.prettyName), 1),
-          o("span", g, [
+          o("span", x, [
             d(e.$slots, "default")
           ])
         ]),

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AA0CA,iBAAS,cAAc;oBAiDK,GAAG;qBACF,GAAG;oBACJ,GAAG;EAe9B;AACD,QAAA,MAAM,eAAe;YA7EW,MAAM;;YAAN,MAAM;aAmFpC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AAsDA,iBAAS,cAAc;oBAwDK,GAAG;qBACF,GAAG;oBACJ,GAAG;EAe9B;AACD,QAAA,MAAM,eAAe;YApFW,MAAM;;YAAN,MAAM;aA0FpC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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/Sidebar/Sidebar.vue.js

@@ -1,23 +1,27 @@
-import { defineComponent as l, openBlock as s, createElementBlock as o, renderSlot as t, unref as i, createElementVNode as r, toDisplayString as a, createCommentVNode as d } from "vue";
+import { defineComponent as a, openBlock as o, createElementBlock as r, renderSlot as t, unref as l, createElementVNode as n, toDisplayString as i, createCommentVNode as d, normalizeClass as m } from "vue";
 import { useWorkspace as c } from "../../store/workspace.js";
-const m = { class: "w-sidebar relative flex flex-col border-r bg-b-1" }, p = {
+const p = { class: "w-sidebar relative flex flex-col border-r bg-b-1" }, b = {
   key: 0,
   class: "xl:min-h-header py-2.5 flex items-center border-b px-4 text-sm"
-}, h = { class: "font-medium m-0 text-sm" }, _ = { class: "custom-scroll sidebar-height" }, x = /* @__PURE__ */ l({
+}, f = { class: "font-medium m-0 text-sm" }, x = /* @__PURE__ */ a({
   __name: "Sidebar",
   props: {
     title: {}
   },
-  setup(f) {
-    const { isReadOnly: n } = c();
-    return (e, u) => (s(), o("aside", m, [
+  setup(h) {
+    const { isReadOnly: s } = c();
+    return (e, u) => (o(), r("aside", p, [
       t(e.$slots, "header"),
-      !i(n) && e.title ? (s(), o("div", p, [
-        r("h2", h, a(e.title), 1)
+      !l(s) && e.title ? (o(), r("div", b, [
+        n("h2", f, i(e.title), 1)
       ])) : d("", !0),
-      r("div", _, [
+      n("div", {
+        class: m(["custom-scroll sidebar-height", {
+          "sidebar-mask": !l(s)
+        }])
+      }, [
         t(e.$slots, "content")
-      ]),
+      ], 2),
       t(e.$slots, "button")
     ]));
   }

package/dist/components/Sidebar/SidebarButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarButton.vue"],"names":[],"mappings":"AAgDA,iBAAS,cAAc;mBAyFI,GAAG;EAiB7B;AACD,QAAA,MAAM,eAAe;WAxHZ,MAAM,IAAI;;WAAV,MAAM,IAAI;aA8HjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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"}
+{"version":3,"file":"SidebarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarButton.vue"],"names":[],"mappings":"AAgDA,iBAAS,cAAc;mBA4FI,GAAG;EAiB7B;AACD,QAAA,MAAM,eAAe;WA3HZ,MAAM,IAAI;;WAAV,MAAM,IAAI;aAiIjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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/Sidebar/SidebarButton.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as n, openBlock as l, createElementBlock as i, createVNode as e, unref as a, withCtx as s, renderSlot as p } from "vue";
+import { defineComponent as n, openBlock as i, createElementBlock as l, createVNode as e, unref as a, withCtx as s, renderSlot as p } from "vue";
 import u from "../ScalarHotkey.vue.js";
 import { ScalarButton as d } from "@scalar/components";
-const f = { class: "fixed relative bottom-[50px] z-10 flex p-2" }, k = /* @__PURE__ */ n({
+const m = { class: "fixed relative bottom-[42px] z-10 flex px-2.5 pb-2 pt-0" }, k = /* @__PURE__ */ n({
   __name: "SidebarButton",
   props: {
     click: { type: Function }
@@ -10,7 +10,7 @@ const f = { class: "fixed relative bottom-[50px] z-10 flex p-2" }, k = /* @__PUR
     const r = o, t = () => {
       r.click();
     };
-    return (c, m) => (l(), i("div", f, [
+    return (c, f) => (i(), l("div", m, [
       e(a(d), {
         class: "bg-b-1 text-c-1 hover:bg-b-2 group relative w-full border p-1.5 h-auto",
         icon: "Plus",
@@ -20,7 +20,7 @@ const f = { class: "fixed relative bottom-[50px] z-10 flex p-2" }, k = /* @__PUR
         default: s(() => [
           p(c.$slots, "title"),
           e(u, {
-            class: "absolute right-2 group-hover:opacity-80 text-c-2",
+            class: "absolute right-2 group-hover:opacity-80 text-c-2 add-item-hotkey",
             hotkey: "K",
             onHotkeyPressed: t
           })

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":";AA4TA,wBAKG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";AAkTA,wBAKG"}