@scalar/api-client 2.1.31 → 2.1.32

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

@@ -1,32 +1,39 @@
-import { defineComponent as O, ref as c, computed as E, watch as U, onMounted as G, onBeforeUnmount as Q, openBlock as a, createBlock as K, unref as r, withCtx as _, createElementVNode as u, createVNode as f, createTextVNode as M, createElementBlock as m, Fragment as p, withDirectives as T, withKeys as g, withModifiers as A, vModelText as j, renderList as B, toDisplayString as V, vShow as J, normalizeClass as X, createCommentVNode as Y, resolveDynamicComponent as Z, mergeProps as ee, nextTick as W } from "vue";
-import { useModal as oe, ScalarIcon as S } from "@scalar/components";
+import { defineComponent as q, ref as i, computed as T, watch as F, onMounted as G, onBeforeUnmount as Q, openBlock as a, createBlock as z, unref as r, withCtx as y, createElementVNode as u, createVNode as p, createTextVNode as K, createElementBlock as m, withDirectives as M, withKeys as w, withModifiers as g, vModelText as j, Fragment as S, renderList as B, toDisplayString as N, vShow as J, normalizeClass as X, createCommentVNode as Y, resolveDynamicComponent as Z, mergeProps as ee, nextTick as V } from "vue";
+import { useModal as oe, ScalarIcon as A } from "@scalar/components";
 import { Dialog as te, DialogPanel as ne, DialogTitle as ae } from "@headlessui/vue";
 import { useRouter as le } from "vue-router";
-import se from "./CommandPaletteCollection.vue.js";
-import re from "./CommandPaletteExample.vue.js";
-import me from "./CommandPaletteImport.vue.js";
+import { ROUTES as se } from "../../constants.js";
+import re from "./CommandPaletteCollection.vue.js";
+import me from "./CommandPaletteExample.vue.js";
+import ce from "./CommandPaletteImport.vue.js";
 import ie from "./CommandPaletteRequest.vue.js";
-import ce from "./CommandPaletteServer.vue.js";
-import ue from "./CommandPaletteTag.vue.js";
-import de from "./CommandPaletteWorkspace.vue.js";
+import ue from "./CommandPaletteServer.vue.js";
+import de from "./CommandPaletteTag.vue.js";
+import pe from "./CommandPaletteWorkspace.vue.js";
 import { useWorkspace as fe } from "../../store/store.js";
-const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, ve = { for: "commandmenu" }, Ce = ["onKeydown"], he = ["onClick"], ke = {
+const ve = {
+  key: 0,
+  class: "flex-1 min-h-0 p-1.5 custom-scroll rounded-lg"
+}, Ce = { class: "bg-b-2 border border-transparent flex items-center rounded-md sticky top-0 pl-2 shadow-[0_-8px_0_8px_var(--scalar-background-1),0_0_8px_8px_var(--scalar-background-1)] focus-within:bg-b-1 focus-within:border-b-3" }, he = { for: "commandmenu" }, xe = ["onKeydown"], _e = ["onClick"], ke = {
   key: 0,
   class: "text-c-3 text-center text-sm p-2 pt-3"
-}, xe = {
-  name: "TheCommandPalette"
 }, be = {
-  "Import from OpenAPI/Swagger": me,
+  key: 1,
+  class: "flex-1 p-1.5"
+}, ye = {
+  name: "TheCommandPalette"
+}, we = {
+  "Import from OpenAPI/Swagger": ce,
   "Create Request": ie,
-  "Create Workspace": de,
-  "Add Tag": ue,
-  "Add Server": ce,
-  "Create Collection": se,
-  "Add Example": re
-}, Ee = /* @__PURE__ */ O({
-  ...xe,
-  setup(we) {
-    const D = [
+  "Create Workspace": pe,
+  "Add Tag": de,
+  "Add Server": ue,
+  "Create Collection": re,
+  "Add Example": me
+}, Be = /* @__PURE__ */ q({
+  ...ye,
+  setup(ge) {
+    const P = [
       {
         label: "",
         commands: [
@@ -74,118 +81,126 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
             path: "/cookies"
           }
         ]
+      },
+      {
+        label: "Pages",
+        commands: se.map((e) => ({
+          name: e.prettyName,
+          icon: e.icon,
+          path: `/${e.name}`
+        }))
       }
-    ], d = oe(), { push: N } = le(), { activeWorkspace: H, events: v } = fe(), x = c(), l = c(""), s = c(null), i = c(-1), P = c([]), C = E(
-      () => D.reduce((o, e) => {
-        const t = e.commands.filter(
+    ], d = oe(), { push: W } = le(), { activeWorkspace: H, events: f } = fe(), x = i(), l = i(""), s = i(null), c = i(-1), $ = i([]), v = T(
+      () => P.reduce((e, o) => {
+        const t = o.commands.filter(
           (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
         );
-        return [...o, ...t];
+        return [...e, ...t];
       }, [])
-    ), h = () => {
-      d.hide(), l.value = "", s.value = null, i.value = -1;
-    }, q = (o) => {
-      l.value !== "" && (o == null || o.preventDefault()), s.value = null, W(() => {
-        var e;
-        return (e = b.value) == null ? void 0 : e.focus();
+    ), C = () => {
+      d.hide(), l.value = "", s.value = null, c.value = -1;
+    }, O = (e) => {
+      l.value !== "" && (e == null || e.preventDefault()), s.value = null, V(() => {
+        var o;
+        return (o = _.value) == null ? void 0 : o.focus();
       });
-    }, $ = (o) => {
-      "path" in o ? (N(`/workspace/${H.value.uid}${o.path}`), h()) : s.value = o.name;
-    }, b = c(), I = ({
-      commandName: o,
-      metaData: e
+    }, D = (e) => {
+      "path" in e ? (W(`/workspace/${H.value.uid}${e.path}`), C()) : s.value = e.name;
+    }, _ = i(), I = ({
+      commandName: e,
+      metaData: o
     } = {}) => {
-      s.value = o ?? null, x.value = e, d.show(), W(() => {
+      s.value = e ?? null, x.value = o, d.show(), V(() => {
         var t;
-        return (t = b.value) == null ? void 0 : t.focus();
+        return (t = _.value) == null ? void 0 : t.focus();
       });
     };
-    U(l, (o) => {
-      o && C.value.length > 0 && (i.value = 0);
+    F(l, (e) => {
+      e && v.value.length > 0 && (c.value = 0);
     });
-    const L = (o, e) => {
-      var k;
+    const R = (e, o) => {
+      var h;
       if (!d.open) return;
-      e.preventDefault();
-      const t = o === "up" ? -1 : 1, n = C.value.length;
-      i.value = (i.value + t + n) % n, (k = P.value[i.value]) == null || k.scrollIntoView({
+      o.preventDefault();
+      const t = e === "up" ? -1 : 1, n = v.value.length;
+      c.value = (c.value + t + n) % n, (h = $.value[c.value]) == null || h.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
-    }, w = E(
-      () => C.value[i.value]
-    ), F = (o) => {
-      !w.value || s.value || (o.preventDefault(), o.stopPropagation(), $(w.value));
-    }, R = (o) => {
-      d.open && o != null && o.closeModal && h();
+    }, k = T(
+      () => v.value[c.value]
+    ), U = (e) => {
+      !k.value || s.value || (e.preventDefault(), e.stopPropagation(), D(k.value));
+    }, L = (e) => {
+      d.open && e != null && e.closeModal && C();
     };
     return G(() => {
-      v.commandPalette.on(I), v.hotKeys.on(R);
+      f.commandPalette.on(I), f.hotKeys.on(L);
     }), Q(() => {
-      v.commandPalette.off(I), v.hotKeys.off(R);
-    }), (o, e) => (a(), K(r(te), {
+      f.commandPalette.off(I), f.hotKeys.off(L);
+    }), (e, o) => (a(), z(r(te), {
       open: r(d).open,
-      onClose: e[5] || (e[5] = (t) => h())
+      onClose: o[5] || (o[5] = (t) => C())
     }, {
-      default: _(() => [
-        e[7] || (e[7] = u("div", { class: "commandmenu-overlay z-overlay" }, null, -1)),
-        f(r(ne), { class: "commandmenu z-overlay" }, {
-          default: _(() => [
-            f(r(ae), { class: "sr-only" }, {
-              default: _(() => e[6] || (e[6] = [
-                M("API Client Command Menu")
+      default: y(() => [
+        o[7] || (o[7] = u("div", { class: "commandmenu-overlay z-overlay" }, null, -1)),
+        p(r(ne), { class: "commandmenu z-overlay flex flex-co" }, {
+          default: y(() => [
+            p(r(ae), { class: "sr-only" }, {
+              default: y(() => o[6] || (o[6] = [
+                K("API Client Command Menu")
               ])),
               _: 1
             }),
-            s.value ? (a(), m(p, { key: 1 }, [
+            s.value ? (a(), m("div", be, [
               u("button", {
                 class: "absolute p-0.75 hover:bg-b-3 rounded text-c-3 active:text-c-1 mr-1.5 my-1.25 z-1",
                 type: "button",
-                onClick: e[3] || (e[3] = (t) => s.value = null)
+                onClick: o[3] || (o[3] = (t) => s.value = null)
               }, [
-                f(r(S), {
+                p(r(A), {
                   icon: "ChevronLeft",
                   size: "md",
                   thickness: "1.5"
                 })
               ]),
-              (a(), K(Z(be[s.value]), ee(x.value ? { metaData: x.value } : {}, {
-                onBack: e[4] || (e[4] = (t) => q(t)),
-                onClose: h
+              (a(), z(Z(we[s.value]), ee(x.value ? { metaData: x.value } : {}, {
+                onBack: o[4] || (o[4] = (t) => O(t)),
+                onClose: C
               }), null, 16))
-            ], 64)) : (a(), m(p, { key: 0 }, [
-              u("div", pe, [
-                u("label", ve, [
-                  f(r(S), {
+            ])) : (a(), m("div", ve, [
+              u("div", Ce, [
+                u("label", he, [
+                  p(r(A), {
                     class: "text-c-2 mr-2.5",
                     icon: "Search",
                     size: "md",
                     thickness: "1.5"
                   })
                 ]),
-                T(u("input", {
+                M(u("input", {
                   id: "commandmenu",
                   ref_key: "commandInputRef",
-                  ref: b,
-                  "onUpdate:modelValue": e[0] || (e[0] = (t) => l.value = t),
+                  ref: _,
+                  "onUpdate:modelValue": o[0] || (o[0] = (t) => l.value = t),
                   autocomplete: "off",
                   autofocus: "",
                   class: "w-full rounded bg-none border-none py-1.5 text-sm focus:outline-none",
                   placeholder: "Search commands...",
                   type: "text",
                   onKeydown: [
-                    e[1] || (e[1] = g(A((t) => L("down", t), ["stop"]), ["down"])),
-                    g(A(F, ["stop"]), ["enter"]),
-                    e[2] || (e[2] = g(A((t) => L("up", t), ["stop"]), ["up"]))
+                    o[1] || (o[1] = w(g((t) => R("down", t), ["stop"]), ["down"])),
+                    w(g(U, ["stop"]), ["enter"]),
+                    o[2] || (o[2] = w(g((t) => R("up", t), ["stop"]), ["up"]))
                   ]
-                }, null, 40, Ce), [
+                }, null, 40, xe), [
                   [j, l.value]
                 ])
               ]),
-              (a(), m(p, null, B(D, (t) => (a(), m(p, {
+              (a(), m(S, null, B(P, (t) => (a(), m(S, {
                 key: t.label
               }, [
-                T(u("div", { class: "text-c-3 font-medium text-xs px-2 mb-1 mt-2" }, V(t.label), 513), [
+                M(u("div", { class: "text-c-3 font-medium text-xs px-2 mb-1 mt-2" }, N(t.label), 513), [
                   [
                     J,
                     t.commands.filter(
@@ -193,33 +208,33 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
                     ).length > 0
                   ]
                 ]),
-                (a(!0), m(p, null, B(t.commands.filter(
+                (a(!0), m(S, null, B(t.commands.filter(
                   (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
-                ), (n, k) => {
-                  var z;
+                ), (n, h) => {
+                  var E;
                   return a(), m("div", {
                     key: n.name,
                     ref_for: !0,
-                    ref: (y) => {
-                      y && (P.value[k] = y);
+                    ref: (b) => {
+                      b && ($.value[h] = b);
                     },
                     class: X(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
-                      "bg-b-2": n.name === ((z = w.value) == null ? void 0 : z.name)
+                      "bg-b-2": n.name === ((E = k.value) == null ? void 0 : E.name)
                     }]),
-                    onClick: (y) => $(n)
+                    onClick: (b) => D(n)
                   }, [
-                    f(r(S), {
+                    p(r(A), {
                       class: "text-c-2 mr-2.5",
                       icon: n.icon,
                       size: "md",
                       thickness: "1.5"
                     }, null, 8, ["icon"]),
-                    M(" " + V(n.name), 1)
-                  ], 10, he);
+                    K(" " + N(n.name), 1)
+                  ], 10, _e);
                 }), 128))
               ], 64))), 64)),
-              C.value.length ? Y("", !0) : (a(), m("div", ke, " No commands found "))
-            ], 64))
+              v.value.length ? Y("", !0) : (a(), m("div", ke, " No commands found "))
+            ]))
           ]),
           _: 1
         })
@@ -229,6 +244,6 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
   }
 });
 export {
-  be as PaletteComponents,
-  Ee as default
+  we as PaletteComponents,
+  Be as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAkBpC,iBAAS,cAAc;qBAuCM,GAAG;EAe/B;AACD,QAAA,MAAM,eAAe;SApEZ,MAAM,GAAG,SAAS;;SAAlB,MAAM,GAAG,SAAS;;QAAlB,MAAM,GAAG,SAAS;6EA2EzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAkBpC,iBAAS,cAAc;qBAsCM,GAAG;EAe/B;AACD,QAAA,MAAM,eAAe;SAnEZ,MAAM,GAAG,SAAS;;SAAlB,MAAM,GAAG,SAAS;;QAAlB,MAAM,GAAG,SAAS;6EA0EzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/DataTable/DataTableCell.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as r, openBlock as o, createBlock as t, resolveDynamicComponent as l, withCtx as a, renderSlot as n } from "vue";
-const i = /* @__PURE__ */ r({
+import { defineComponent as r, openBlock as t, createBlock as o, resolveDynamicComponent as l, withCtx as a, renderSlot as n } from "vue";
+const m = /* @__PURE__ */ r({
   __name: "DataTableCell",
   props: {
     is: { default: "td" }
   },
   setup(s) {
-    return (e, d) => (o(), t(l(e.is), {
-      class: "min-h-8 min-w-8 border-l-0 border-t-0 border-b-1/2 border-r-1/2 flex text-sm last:border-r-0 group-last:border-b-transparent p-0 m-0 relative overflow-hidden",
+    return (e, d) => (t(), o(l(e.is), {
+      class: "min-h-8 min-w-8 border-l-0 border-t-0 border-b-1/2 border-r-1/2 flex text-sm last:border-r-0 group-last:border-b-transparent p-0 m-0 relative",
       role: "cell"
     }, {
       default: a(() => [
@@ -17,5 +17,5 @@ const i = /* @__PURE__ */ r({
   }
 });
 export {
-  i as default
+  m as default
 };

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":";AAmLA,wBAKG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AA+KA,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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-26a2bed3"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b96e8d60"]]);
 export {
   m as default
 };

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

@@ -1,34 +1,34 @@
-import { defineComponent as p, openBlock as o, createElementBlock as r, createElementVNode as e, Fragment as u, renderList as x, unref as i, createVNode as a, withCtx as m, createTextVNode as f, toDisplayString as v } from "vue";
-import { ROUTES as N } from "../../constants.js";
-import { useRouter as S } from "vue-router";
+import { defineComponent as d, openBlock as n, createElementBlock as r, createElementVNode as e, Fragment as u, renderList as x, unref as o, createVNode as i, withCtx as m, createTextVNode as f, toDisplayString as v } from "vue";
+import { ROUTES as y } from "../../constants.js";
+import { useRouter as N } from "vue-router";
 import h from "./SideHelp.vue.js";
 import _ from "./SideNavLink.vue.js";
-const y = {
-  "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",
+const S = {
+  "aria-label": "App Navigation",
+  class: "text-c-2 sm:w-13 flex sm:flex-col justify-center items-center px-2 py-2 scalar-sidenav relative drag-region bg-b-1 border-t-1/2",
   role: "navigation"
-}, b = { class: "flex flex-col gap-1.5" }, k = { class: "mt-auto flex flex-col gap-1.5 py-0.5" }, E = { class: "flex items-center no-drag-region" }, R = { class: "flex items-center no-drag-region" }, F = /* @__PURE__ */ p({
+}, b = { class: "flex sm:flex-col gap-1.5" }, k = { class: "mt-auto flex sm:flex-col gap-1.5 py-0.5" }, E = { class: "flex items-center no-drag-region" }, R = { class: "flex items-center no-drag-region" }, A = /* @__PURE__ */ d({
   __name: "SideNav",
   setup(V) {
-    const { currentRoute: s } = S();
-    return (w, l) => (o(), r("nav", y, [
+    const { currentRoute: a } = N();
+    return (w, l) => (n(), r("nav", S, [
       e("ul", b, [
-        (o(!0), r(u, null, x(i(N).filter(
+        (n(!0), r(u, null, x(o(y).filter(
           (t) => t.name !== "settings"
-        ), ({ icon: t, name: n, prettyName: d }, g) => {
+        ), ({ icon: t, name: s, prettyName: g }, p) => {
           var c;
-          return o(), r("li", {
-            key: g,
+          return n(), r("li", {
+            key: p,
             class: "no-drag-region"
           }, [
-            a(_, {
-              active: (c = i(s).name) == null ? void 0 : c.startsWith(n),
+            i(_, {
+              active: (c = o(a).name) == null ? void 0 : c.startsWith(s),
               icon: t,
-              name: n,
-              prettyName: d
+              name: s,
+              prettyName: g
             }, {
               default: m(() => [
-                f(v(n), 1)
+                f(v(s), 1)
               ]),
               _: 2
             }, 1032, ["active", "icon", "name", "prettyName"])
@@ -37,8 +37,8 @@ const y = {
       ]),
       e("ul", k, [
         e("li", E, [
-          a(_, {
-            active: i(s).name === "settings",
+          i(_, {
+            active: o(a).name === "settings",
             icon: "Settings",
             name: "settings",
             prettyName: "Settings"
@@ -50,12 +50,12 @@ const y = {
           }, 8, ["active"])
         ]),
         e("li", R, [
-          a(h)
+          i(h)
         ])
       ])
     ]));
   }
 });
 export {
-  F as default
+  A as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBAwBM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,+QAKnB,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"}
+{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBA2BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,+QAKnB,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"}

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

@@ -1,12 +1,12 @@
 import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
 import l from "../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, c = { class: "flex flex-col min-h-0 flex-1 xl:overflow-hidden md:flex-row leading-3" };
-function f(e, s) {
-  return o(), r("div", c, [
+const d = {}, n = { class: "flex flex-col min-h-0 flex-1 *:border-t-1/2 first:*:border-t-0 md:*:border-t-0 xl:overflow-hidden md:flex-row leading-3" };
+function c(e, f) {
+  return o(), r("div", n, [
     t(e.$slots, "default")
   ]);
 }
-const a = /* @__PURE__ */ l(n, [["render", f]]);
+const a = /* @__PURE__ */ l(d, [["render", c]]);
 export {
   a as default
 };

package/dist/constants.d.ts

@@ -7,7 +7,7 @@ export declare const ROUTES: readonly [{
     readonly name: "cookies";
     readonly icon: "Cookie";
 }, {
-    readonly prettyName: "Env Vars";
+    readonly prettyName: "Environment";
     readonly name: "environment";
     readonly icon: "Brackets";
 }, {

package/dist/constants.js

@@ -1,7 +1,7 @@
 const e = [
   { prettyName: "Request", name: "request", icon: "ExternalLink" },
   { prettyName: "Cookies", name: "cookies", icon: "Cookie" },
-  { prettyName: "Env Vars", name: "environment", icon: "Brackets" },
+  { prettyName: "Environment", name: "environment", icon: "Brackets" },
   { prettyName: "Settings", name: "settings", icon: "Settings" }
   // { prettyName: 'Servers', name: 'servers', icon: 'Server' },
   // { label: 'Git Sync', icon: 'Branch', path: '/git-sync' },

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

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

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

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

@@ -0,0 +1,12 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=MainLayout.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/MainLayout.vue"],"names":[],"mappings":"AA6BA,iBAAS,cAAc;qBAmDO,GAAG;EAehC;AACD,QAAA,MAAM,eAAe,+QAKnB,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"}

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

@@ -0,0 +1,18 @@
+import { defineComponent as r, openBlock as t, createElementBlock as l, createVNode as e, unref as n, createElementVNode as s, renderSlot as a } from "vue";
+import m from "../../components/SideNav/SideNav.vue.js";
+import c from "../../components/CommandPalette/TheCommandPalette.vue.js";
+const d = { class: "flex flex-col sm:flex-row min-h-0 flex-1" }, f = { class: "flex flex-1 flex-col min-w-0 min-h-0 border-l-1/2 border-t-1/2" }, h = /* @__PURE__ */ r({
+  __name: "MainLayout",
+  setup(i) {
+    return (o, _) => (t(), l("main", d, [
+      e(m, { class: "order-last sm:order-none" }),
+      e(n(c)),
+      s("div", f, [
+        a(o.$slots, "default")
+      ])
+    ]));
+  }
+});
+export {
+  h as default
+};

package/dist/layouts/App/MainLayout.vue2.js

@@ -0,0 +1,4 @@
+import f from "./MainLayout.vue.js";
+export {
+  f as default
+};